问题标签 [ng-class]

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

从概念上讲，我想要实现的是这样的：

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

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

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

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

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

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

按钮：

应该折叠和展开的面板：

被触发的函数

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

我错过了什么吗？

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

但这确实：

你为什么使用类？

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

我有一个 Person 对象数组

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

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

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

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

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

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

我错过了什么？

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

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

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

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

用这样的东西（不工作，因为有两个 ng-class 指令）：

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

我有这个简单的代码：

这是我的getMenuItemClass：

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

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

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

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