Angularjs 模型更新不一致

我经历了一些非常奇怪的行为——我是个新手，为了不让你有任何问题，我尽了最大的努力来找到解决办法，但几个小时后，我想是时候让步并提出问题了

代码摘要：字母数组是循环的（ng repeat），每个字母都链接到一个名为clickLetter（）的函数，该函数设置一个反映当前所选字母的$scope变量

问题：负责显示当前活动字母的模型/变量并非一直在更新，它似乎只是偶尔更新，似乎是随机更新

---

我的猜测是，angular没有尽可能快地更新模型（双向数据绑定？）

问题是，当您单击字母而不是按钮时，链接会停止鼠标单击的传播。 在css文件中添加此类并应用于

它看起来像

或

{{字母}}

谢谢——一定是这样！href=

#

实际上触发了路由更改。。按建议将其删除：）感谢感谢感谢，非常聪明，将来可能会派上用场：）

.ignore-mouse-event {
  pointer-events: none;
} 

<a href="#" class="ignore-mouse-event">{{letter}}</a>

<div class="ui icon button padding5" ng-class="{'active': letter == activeLetter}" ng-repeat="letter in letters" ng-click="clickLetter(letter, $event)">
    <a href="#" ng-click="$event.preventDefault()">{{letter}}</a>
</div>

<div class="ui icon button padding5" ng-class="{'active': letter == activeLetter}" ng-repeat="letter in letters" ng-click="clickLetter(letter, $event)">
    {{letter}}
</div>