问题标签 [angularjs-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 - 如果响应为假,则使用角度更改类
如果请求为假,我在如何切换课程时遇到一些问题。让我向您展示我的代码和解释。
这就是我的输入的样子
这是我获取响应的控制器部分
所以现在我不想实现,当$scope.locationNameError
我的班级设置在所需的输入上时form-group has-error
到目前为止,我认为如果例如进行相同的排序,但这不起作用
我这样做是错误的吗?我不想用尽可能少的代码来实现解决方案。谢谢您的帮助。
javascript - Angular 指令和 ng-class
假设一个带有 html 的指令,例如在component.html
like
然后我正在尝试做...
在那之后,ng-class
我有类似的东西{'classB': varB} {'classA': varA}
显然不起作用。
问题是我无法更改component.html
,但我需要在 keyup 上添加/删除类(取决于标准)。是否可以在我的情况下添加 ng-class 或者可能有另一种添加/删除类的方法?
angularjs - 如何将 ng-repeat 过滤器移动到控制器中并在用户单击时应用“活动”类?
我有一个选项卡式滑块,可以通过选择选项卡来切换滑块的视图,该选项卡按属性过滤 ng-repeat。
当用户在选项卡之间单击时,如何将过滤器移动到控制器中并应用“活动”类?
html:
控制器:
服务片段:
angularjs - 更改数组时,ng-class 不会在 ng-repeat 内部更新
下面的代码来自 Angular 应用程序中的聊天界面。用户将通过单击用户气泡来选择他们希望向其发送消息的用户,这会将这些用户添加到数组selectedChatUsers
列出用户。突出显示当前选择的那些。
该应用程序的另一个功能是能够单击已发送消息中的聊天气泡,并使用“to”属性填充selectedChatUsers数组,该属性是该消息发送到的用户数组。
此功能有效,但应该显示这些用户被选中的 ng-class 指令不起作用。
关于如何在 selectedChatUsers 更改时更新视图中的 ng-class 的建议?
css - angularjs 仅对整个集合中的可见对象交替着色
在我的 angularjs 应用程序中,我有以下 json。
在我的 html 中,我有简单的 ng-repeat :
现在我需要使用 ng-class 将替代颜色应用于可见标签。我的意思是在给定的列表中只有“xyz”和“lmn”在屏幕上可见,它们应该被赋予替代颜色。
我该如何申请ng-class="{even: !($index%2), odd: ($index%2)}"
,在这种情况下仅适用于可见标签,类似于下面的 html,但 html 应该根据needsToHide
标志正确添加偶数或奇数类?
angularjs - 在 ng-class 中使用运算符(>、<、==、!=)
我想使用运算符来检查值是否大于或等于 ng-class 中的其他数字或变量,然后相应地应用样式类。基本上我想根据他们的概率为 div 着色。
ng-class 的用法正确吗?它打印的值
但 ng-class 标签不起作用。有什么理由吗?
我究竟做错了什么。?谢谢
javascript - 为什么 ng-class 不能使用类名?
我写了以下代码:
我的目的是
元素将被放置在虚线边界线内。它不起作用。我查看了 Angular 文档(https://docs.angularjs.org/api/ng/directive/ngClass),我看到了:
如果表达式的计算结果为字符串,则该字符串应该是一个或多个以空格分隔的类名。
我知道 ng-class 可能包含我在 -tag 中定义的类名。所以..我做错了什么?
angular - ngClass add a class to element A if element B exists in DOM?
I want to use ngClass to add a class to an element if another element exists in the DOM.
Is this possible to do directly in the template, or do I need to something more complex in the component?
angularjs - 为什么不根据ui路由器的当前状态应用ng-class?
我的应用程序有两个不同的视图(page1 和 page2),它们已配置为ui-router
's stateProvider
。我想根据我正在查看的页面在正文上应用 css。如果我正在查看 page1,我想将其应用于class1
页面正文和class2
page2。
为了实现这一点,我使用ng-class
了angularjs
. ng-class
指令的值是根据ui-router
.
这是它的示例代码,问题是内部的表达式ng-class
没有得到评估,所以我的css没有得到应用。
谁能指出我做错了什么?
html - AngularJS ng-class 表达式无法正常工作?
我ng-repeat
用来在一个简单的表格中列出本垒打与客场跑的数量。我正在使用以下代码段应用基于哪个团队获胜的课程:
如果本垒打数大于客场跑数,则代码有效,但仅当此数字小于 10 时。
例子:
按预期工作:9 > 5
不起作用:11 > 5
我想知道有人知道如何克服这个问题吗?