What is the reason for this issue:
<ul class="dropdown-menu">
<li ng-repeat="choice in dropDownItems">
<a class="btn" ng-click="mnuClick('{{choice}}')">{{choice}}</a>
</li>
</ul>
However, this code works correctly:
<ul class="dropdown-menu">
<li ng-repeat="choice in dropDownItems">
<a class="btn" ng-click="mnuClick('xxx')">{{choice}}</a>
</li>
</ul>
The problem in the first example is that the mnuClick()
function is not being triggered, while in the second example it is. Even after 'inspecting element,' everything seems to be set up correctly.