javascript - AngularJS 在 ng-repeat 中应用分页更改类

标签 javascript angularjs angularjs-directive pagination

我正在尝试将一个类应用于分页列表中的项目,因为我只是模拟单击指令链接属性中的元素:

link : function (scope, element, attrs) {
        element.bind('click', function () {
        element.addClass("blue");
            });

}

这工作得很好,但是我遇到的问题是,当我从第一页移动到第二页时,我失去了应用于第一页上的项目的类。 我如何才能将所有这些项目保留在我之前申请的类(class)中。

谢谢。

A plunker to better understand

最佳答案

您可以尝试使用 ng-class 将类绑定(bind)到元素的属性,并通过 ng-click 设置项目属性,而不是使用指令。

<input type="text" 
  ng-init="oldValueName = item.name" 
  ng-change="change($index,item.name,oldValueName,item.id,'name')" 
  ng-model="item.name" 

  ng-class="{'blue': item.nameClicked}"
  ng-click="item.nameClicked = true"
/>

如果您的数据是持久的,当您浏览页面时,将自动应用这些类。

有关 ng-class 和 ng-click 的更多信息

https://docs.angularjs.org/api/ng/directive/ngClass

https://docs.angularjs.org/api/ng/directive/ngClick

关于javascript - AngularJS 在 ng-repeat 中应用分页更改类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42002833/

相关文章:

javascript - ScrollView 不随表面 fa-size 滚动 [未定义,true]

angularjs - Angular JS 在 POST 请求中验证 CSRF token

angularjs - Angular.js—— Controller 通信指令

javascript - 如何创建一个指令来使用嵌入的 HTML 设置数据样式

javascript - Jqplot 仅显示几个 x 轴刻度

javascript - 如何在 JS 中存储加载的值?

javascript - angularjs - 动态添加一个变量到每个 Controller 的范围

angularjs - 在 Angular 中与嵌套指令共享隔离范围

javascript - 单击工具提示时更改 Bootstrap 的文本

javascript - 在 javascript 中运行 setInterval () 一段时间内出现问题?