Angularjs ng-click first click not working on mobile

I'm new to angularjs. Here is my code

 <ul>
        <li ng-if="book.account.Customer.HasWorkspaceAccess"><a href ng-click="book.setType('workspace')" class="clickable">Book a Workspace</a></li>
        <li ng-if="book.account.Customer.HasMeetingRoomAccess"><a href ng-click="book.setType('meetingroom')" class="clickable">Book a Meeting Room</a></li>
        <li ng-if="book.account.Customer.HasBoardRoomAccess"><a href ng-click="book.setType('boardroom')" class="clickable">Book a Boardroom</a></li>
        <li><a href="#/CustomerAccount">My Account</a></li>
</ul>

Somehow all a tags is not working for the first tap on mobile device. It's active after tapping and second tap will trigger the ng-click function.

Thanks in advance for any help.