问题标签 [ng-class]

我正在使用 AngularJS 编写一个 Chrome 扩展程序。UI 通过浏览器操作弹出窗口提供服务，随着内容的变化，我有时需要更改弹出窗口的大小。我能够做到这一点的唯一方法是通过类的条件更新来更改 HTML 和 BODY 标签上的 CSS 大小属性，即

我在一个设置“doExpand”的控件上单击了一下，效果很好。但是，我现在正在更新应用程序以使用路由来显示多个视图。在这样做时，我正在删除内联控制器声明......

...并在路由配置中定义它：

路由正在工作，但问题是 HTML 标记现在超出了控制器的范围，因为它现在在视图本身上。我可以在我想的视图中粘贴 BODY 标记，但不能对 HTML 标记执行相同操作，因为 JS 包含需要在头部等（以及其他原因）

有人可以就如何处理这种情况给我建议吗？谢谢！

Angularjs 1.2.6 场景：2 个输入，1 个文本框（听起来有点脏）。输入都会触发模糊/焦点事件的显示/隐藏转换，如果从一个输入单击到另一个输入，焦点总是在模糊之后出现。甚至文本绑定也会显示正确的当前状态（显示 =true或false）。

样式类.fade来自.in引导程序。他们有一个 CSS3 过渡，但在小提琴中我保持简单（不包括 bootstrap.css）。

info.show打开焦点/模糊事件。

jsfiddle

没有 ngAnimate 它可以完美运行。当 ngAnimate 作为依赖项添加时，转换停止正常工作。在 jsfiddle 中，只需删除 ngAnimate （留下一个空数组），它就可以正常工作。

只需单击一个输入：文本框淡入。现在直接单击另一个输入：文本正确更新，但框仍然淡出。

提交了错误报告，但与此同时我正在寻找解决方法。有建议吗？

我正在尝试在角度类（ng-class）指令中编写三元和布尔表达式的混合。但我找不到正确的语法来使它工作，或者在网上找到一个像样的例子。

我知道在 Angular 类指令中，我们可以编写一个三元表达式，如下所示。

还有一个布尔表达式，例如。

但是有没有办法像这样混合它们？

谢谢

我是 AngularJS 的新手。

我想根据它的值向第二列添加一个类。示例：如果值 > 0，我想添加类“正”，当值 < 0 时添加“负”类。

我目前使用的是：

现在，这似乎有效（见图）：

但是，我在控制台中得到以下信息：

错误：[$parse:syntax] http://errors.angularjs.org/1.2.7/ $parse/syntax?p0=%26&p1=is%20unexpected%2C%20expecting%20%5B%7D%5D&p2=26&p3= %7B正%3A%20%24索引%3D%3D1%20%26%26%20S%26P500%20%3E%200%20%2C%20负%3AS%26P500%20%3C%200%20%26%26 %20%24索引%3D%3D1%20%7D&p4=%26P500%20%3E%200%20%2C%20负%3AS%26P500%20%3C%200%20%26%26%20%24索引%3D% 3D1%20%7D 在错误 () 在https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:6:449 在 Xa.throwError ( https://ajax. googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:155:346 ) 在 Xa.consume ( https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular .min.js:156:325 ) 在 Xa.object (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:164:115）在 Xa.primary （https://ajax.googleapis.com/ajax/libs/angularjs /1.2.7/angular.min.js:154:482 ) 在 Xa.unary ( https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:161:240 )在 Xa.multiplicative ( https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:480 ) 在 Xa.additive ( https://ajax.googleapis.com/ ajax/libs/angularjs/1.2.7/angular.min.js:160:325 ) 在 Xa.relational ( https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js :160:204 )

您可以使用 ng-animate 和 ng-class 来添加和删除动画。我希望在 CSS3 中制作一个动画，但没有找到在线 ng-class 的好例子。所以我想知道人们是否有他们想要分享的好例子。

我不确定我的最终动画会是什么样子，但出于本示例的目的，假设我只想在添加 class 时使 div 的高度逐渐增加myclass。

我正在构建一个选择题网络应用程序。每个问题有 5 个选项。在单击按钮之前，它有一个默认按钮类：btn btn-default. 目前我有它，以便在做出选择时，所有按钮都被停用，并且会出现一个 div，其中将填充答案的解释。

选择正确答案时，我想将按钮类更改为btn btn-success，但如果选择了错误答案，我想将错误选择更改为btn btn-danger，并将正确答案更改为btn btn-warning。

这是我的控制器：

这是我的 HTML：

我已经能够使用ng-class将正确答案更改为绿色，但无法将错误答案变为红色，同时以橙色突出显示正确答案。任何帮助都会很棒。谢谢！

嗨，我正在尝试通过ng-class. 如您所见，代码非常简单，但没有添加类：

然后在视图中，我这样做：

但它似乎永远不会起作用，因为它永远不会添加 class slide。同时console.log效果很好，只有在正确时才返回-1：O

这是一个笨蛋：

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

这是一个简单的指令，应该显示给定数量的点，并根据给定的值、最小值和最大值突出显示它们的子集，类似于星级。它单独工作时效果很好（正如您在 plunkr 的最后一行中看到的那样），但在 ngRepeat 中却不行。问题是指令自己的 ngRepeat 上的 ngClass 似乎失败了，即使 ngClass 中使用的表达式似乎在 ngClass 之外正确评估。在过去的几个小时里，我一直在为此扯头发，我就是想不通。

这是实际的代码：

HTML：

JS：

我想在所有用户列表中突出显示当前用户。我的代码看起来像这样。

我有currentUser.id我想要比较的东西，user.id因为我循环它们并且可能在两者匹配时添加一个类。我想在理论上做这样的事情：

我正在ng-class使用它分配给一个元素。

但它给了我很多错误。它的语法有什么问题？这样做的正确方法是什么？