问题标签 [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.

0 投票
5 回答
53007 浏览

angularjs - 复杂的角度js ng-class

我有该组件,但在为其设置 css 类时遇到问题。我希望它始终具有一类“盒子”,然后具有由指令“类”参数和一个条件类“迷你”指定的附加类。

从概念上讲,我想要实现的是这样的:

问题是当我设置class html属性时,省略了ng-class属性。如何在不更改控制器的情况下使我的示例工作?是否有可能,或者我应该在控制器中设置类(我希望避免)?

0 投票
2 回答
1234 浏览

javascript - ng-class 弄乱了类的顺序

我有一些非常简单的 Angular 代码,看起来像这样......

它可以工作,但结果输出看起来像这样......

问题是我的课程现在以 ng-scope 开始,它破坏了我的 css 选择器,看起来像这样..

有没有办法让角度来删除 ng-scope,或者至少把它放在类声明的末尾?

0 投票
2 回答
21416 浏览

javascript - 角度 ng-class 对点击没有反应

我正在尝试使用 ng-class 并将一个类绑定到一个表达式,以便我可以对表达式绑定进行单元测试。但是,似乎我错过了一些东西。

按钮:

应该折叠和展开的面板:

被触发的函数

无论如何点击链接没有任何反应。

我错过了什么吗?

0 投票
2 回答
889 浏览

angularjs - ng-click 作为 AngularJS 中的一个类

我试图弄清楚为什么这不起作用:

但这确实:

你为什么使用类?

好吧 ng-* 属性在我必须支持的一些客户端上表现不佳,因此与其对它们进行填充,我宁愿只使用好的 ol' 安全类。

0 投票
9 回答
53587 浏览

select - 如何在带有 ng-options 的 select 中使用 ng-class

我有一个 Person 对象数组

我正在使用带有 ng-options 的 select,如下所示:

我想用红色显示Eligible : false的记录。所以问题是我如何使用in来实现这一点?由于我们没有使用任何标签,因此如果我只是添加元素本身,它将无法工作。ng-classselectoptionng-classselect

0 投票
1 回答
37129 浏览

angularjs - ng-class 未应用

我有一个文本区域,其中包含要发布的消息和一个仍然可用字符数的范围。

messageText,maxMessageLength并且messageLengthAlertTreshold都在 中定义,$scope当我在 textarea 中插入文本时,跨度内的计数器会正确更新,从而更改messageText.length.

但是,message-length无论.message-length-alertmessageText

我还尝试删除检查以message-length-alert将 ng-class 属性保留为 just {message-length: true},但无论如何它都没有应用。

我错过了什么?

0 投票
1 回答
5352 浏览

angularjs - 在angularjs中绑定ng-class

在下面的代码中,我在控制器中有一个名为“selectedDesignAreaId”的变量,我将此变量与“designarea.id”的当前值绑定,但是当我将“selectedDesignAreaId”更改为转发器类中的任何 designAreaId 值时未更新...始终设置“unSelectedCanvas”...

0 投票
1 回答
1042 浏览

angularjs - 嵌套指令中的angularjs ng-class

尝试了很多不同的方法,仍然无法弄清楚这一点。我在嵌套指令的模板中有一个带有 ng-class="{menuVisibleAnimation: menuOpen}" 的菜单。当我单击父指令中的按钮时,我想将 menuOpen 的值更改为 true,但子指令中的菜单没有更新?

http://plnkr.co/edit/nOunKkch0Gt8hjMWtruA?p=preview

0 投票
1 回答
3305 浏览

angularjs - 是否可以组合多个 ng-class

是否可以通过将 ng-switch 替换为 ng-class 来避免在此处重复代码。

用这样的东西(不工作,因为有两个 ng-class 指令):

0 投票
1 回答
671 浏览

javascript - 角度:ng-repeater 中的 ng-class,重复调用

首先对不起我的英语。我的问题是:

我有这个简单的代码:

这是我的getMenuItemClass:

这是准备好的示例,我不知道为什么,但在我的实际应用程序中它是一式三份的!:0 如果我犯了错误,有人可以向我解释吗?

http://jsfiddle.net/h7yKr/44/

我已将 jsfddle 更新为 angular 的最新版本,现在它是一式四份!观看它 http://jsfiddle.net/h7yKr/46/

编辑澄清:问题是调用 getMenuItemClass() 的次数比需要的次数多得多,尝试打开 jsfiddle 并打开浏览器控制台并查看 console.log!