javascript - AngularJS $watch 变量并重新评估 ng-class 表达式

Question

我正在尝试在我的应用程序中实现类似书签的功能，并且必须监视一个变量，该变量存储所有加书签的 ID。基于该变量，我必须告诉 ng-class 重新评估它的函数表达式，以便添加或不添加类 bookmarked。

当变量 $scope.Bookmarks 更改时，如何告诉 ng-class 再次运行？

<a ng-repeat="event in events"
   ng-class="isBookmarked(event.id)"
   class="icon__bookmark"></a>

Answer 1

如果书签 ID 在 Angular 处理的代码中发生更改(例如在 Controller 、指令、服务、$http 回调等中)，那么您根本不需要执行任何操作。 Angular 将在需要时自动重新评估 isBookmarked(event.id) 以确保 UI 始终保持最新。

如果由于某种原因，更新必须在 Angular 处理的代码之外(例如在外部库中)完成，那么您可以手动强制 Angular 进行更新。但是，强烈建议确保代码由 Angular 处理。通常您可以这样做，但这取决于具体情况。

如果需要强制执行，请使用$scope.$apply，如下所示:

$scope.$apply(function() {
  // Write code here to update bookmark ID's
});