javascript - Angularjs 中 ng-view 位置更改后突出显示文本

Question

我正在尝试使用此 jquery highlight plugin 突出显示一些文本用户更改 ng-view 位置后；要突出显示的文本位于返回的页面上。

View 更改成功后，我运行 highlight() 方法:

$scope.$on('$locationChangeSuccess', function(event) {
    console.log('success');
    $("p").highlight(["text"]);
});

我的成功日志已打印，但文本从未突出显示。

我的文件已正确加载，因为我可以在浏览器控制台上运行该操作，并且我定义的文本会突出显示，所以我不确定这里出了什么问题。有任何想法吗？

非常感谢!

Answer 1

在编写 Angular 代码时，通常不鼓励像通常使用 jQuery 那样直接操作 DOM。相反，您应该使用 Angular 的逻辑属性来创建不断变化的 DOM 的外观。虽然我无法理解为什么你的特定示例不起作用，但另一种更“Angular”的解决方案可能是这样的:

<p ng-style="{'background-color': highlight}"></p>

然后在你的 JS 文件中，设置突出显示的值

if bla
  $scope.highlight = '#FFFF88';
else
  $scope.highlight = '#FFFFFF';