问题标签 [ng-class]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - AngularJS:根据单元格值更改动态生成的表格中的单元格类
我有一个由以下代码动态生成的表:
迭代表的数据如下所示:
如您所见,数据是一个嵌套数组。现在我试图通过调用父控制器范围中定义的方法getUnitCountCellColor()根据其值设置每个单元格的颜色。
该方法简单地获取值并根据值作为字符串返回颜色类。(例如:危险、成功)
目前它仅被调用 4 次,值为'undefined'。
我试图用ng-class来实现它:
但随后根本不调用该方法。
请通过指出我当前代码中的错误或通过其他更好的方法来帮助我实现此功能。
感谢您,
angularjs - ng-class和数组angularjs中的匹配值
以上将我的课程设置为active
when question.chosen
matches key
。这意味着$scope.question.chosen
只有一个值。
甚至我$scope.question.chosen
将["a","b","c"]
如何使用 ng-class 来迭代它以匹配key
?
angularjs - Use scope attribute of directive as class name in ngClass
I want to use a scope attribute of a directive as the class name in ngClass
I've tried other syntax of ngClass as well but this doesn't work either (I added a $scope.dummy = true
for this)
Is there a right way of doing this ??
angularjs - 带有 OR 运算符的 AngularJS ng-class 多个条件
我试图找出根据角度值添加类的良好语法。我想使用 OR 运算符激活一个关于 2 个条件的类(一个关于实时用户更改,一个关于加载数据)。
这是行:
我尝试了一些不同的代码,例如:
没有任何成功。有人可以帮我找到好的语法吗?
angularjs - $anchor滚动到班级
在我的 Web 应用程序中,我让用户使用箭头键来上下一个大列表,使用以下命令设置ng-repeat
:
当前<li>
获得课程亮点。我还想将页面滚动到他们当前的选择,因为每个<li>
都很大,并且页面一次只能显示大约 3 个。我知道我可以通过文档$location
使用并$anchorScroll
滚动到一个 id,但我不知道如何滚动到一个类,或者使用某种类似于 ng-class 的东西(一次只会突出显示一个元素) .ng-id
如果有人能给我一些建议,那就太好了。谢谢!
angularjs - ng-class上的angularjs自定义过滤器
您好,我想创建简单的数据搜索表。我想突出显示数据是否与用户类型输入匹配。我是通过下面的文档完成的,因为我开始使用 angular 我想知道有没有更好的方法?一些自定义过滤器可能吗?
angularjs - ng-class does not apply when expression re-evaluates
This code is from an offline network so I can't paste it here. I'm summarizing it.
I have the following code:
The agents
list is loaded via ajax requests.
app.js:
Agent.js
For the record, the AgentsServlet
load agents and their data from a simple text file.
Now, when I change the file contents, the next ajax request will successfully load and update the table's contents BUT, the ng-class is not changed. For example, if I change an agent's status from RUNNING to ERROR, its tr's class does not change to 'error'.
The weird thing is that if I put inside the ng-class the getClass() logic, it works, eg:
It seems that the function call is the problem and not the expression.. Any ideas?
Thanks
javascript - ngClass 绑定未通过指令通信更新
我想嵌套两个指令,并且inner directive
绑定ng-class
到一个函数,该函数从内部和外部范围获取范围属性并返回一个布尔值
这是 HTML:
这是我的外部指令:
这是我的内心指令:
现在的问题是ng-class='{disabled: isDisabled()}'
绑定在开始时被初始化一次但在myCtrl.isProcessing
更改时没有更新!
有人可以解释为什么吗?我怎样才能在不改变我的设计的情况下解决这个问题?
angularjs - 在 ng-init 中设置 this.value 并从 ng-class 访问它不起作用
我正在尝试为 ng-repeat 创建的元素的子元素附加一个不同的值。
是动态设置的$scope.my.value
,但如上所示,我想根据this.value
硬编码到其ng-init
.
但这并没有给我结果。也许this.value
没有附加到元素上。我做错了什么(我不知道为什么我认为this
会起作用),有没有其他方法可以做我想做的事?
我想我的问题的症结是:this
每个元素是否有一个 /equivalent 我可以将一些不同的值固定到?
angularjs - 混合使用常规类和 ng-class
想要在 中生成不同的图标ng-repeat
:
如何使用 仅指定其中一个类ng-class
?
如果我写:
然后生成的输出是
当然,该图标不会显示在页面上。