问题标签 [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 投票
3 回答
4622 浏览

angularjs - Angularjs - 如何使用单选按钮更改背景颜色

在我的页面上,我动态创建了单选按钮。我想在选择单选按钮时更改包装器背景颜色。

以下是我的代码

当每个收音机被选中时,我想在 radioWrapper 中添加“selectedRadioBg”类。

感谢任何帮助

0 投票
2 回答
475 浏览

javascript - 如何使用 ng-class 将一个类绑定到一个值

我想将一个类绑定到一个值,如下所示:

是否ng-class存在任何用法可以一次绑定它们,像这样?(下面的代码不起作用)

0 投票
1 回答
1327 浏览

angularjs - 在项目数组中选择性地应用“ng-class”

我有一个复选框列表。ng-class当我单击复选框时,我试图有条件地将一个类应用于已选中的项目。我当前设置的问题是,当我单击复选框时,它将类应用于所有项目,而不是所需的复选框项目。

我如何正确定位特定项目ng-class而不是所有项目?

HTML

咖啡

0 投票
1 回答
139 浏览

angularjs - Angular试图理解检查元素是否为活动的方法

我在这里关注thinksters angular nfl Fantasy教程http://www.thinkster.io/angularjs/eHPCs7s87O/angularjs-tutorial-learn-to-rapidly-build-real-time-web-apps-with-firebase,他们实现以这种方式活跃的ng级...

他们对下面的实现有这个解释......

“你可能会问,为什么不直接从视图中调用一个方法来评估它是否应该处于活动状态?

原因是 $digest 循环重新评估。这个循环非常、非常频繁地发生,并且您在视图中用于评估属性的每个方法调用都会在每个循环中重新调用,这显然会随着应用程序的扩展而降低性能。”

我想知道“从视图中调用方法”会是什么样子,“评估属性”是什么意思,并且想要更多的解释在什么情况下使用这样来避免 $digest 循环重新-评估在角度上是合适的。

0 投票
1 回答
4727 浏览

javascript - 如果选中或选择未更改,如何将类添加到 Angular 中的单选按钮和复选框

如果选中该项目,我想有条件地使用 ngClass。基本上,如果特定模型的数据已设置并且视觉上用户将看到在单选按钮或复选框上选择的项目,则将添加一个类也允许我为选中/设置不同的 css选定的项目。我正在使用http://vitalets.github.io/checklist-model/来设置复选框,并且只是一个常规的 ngRepeat 用于单选按钮。在复选框模型的示例中,它们显示已选中的复选框集中的用户项。我希望用户加载页面并选择已经选择的项目,但还要将一个类添加到仅选择的项目中。我不想依赖“更改”功能,因为这需要用户采取行动。我希望它绑定到页面或在 ngClass 中。

我研究了如何在 AngularJS 中有条件地应用 CSS 样式? 但这似乎对我的情况没有帮助。

任何帮助表示赞赏。

0 投票
2 回答
5785 浏览

javascript - 如何使用角度js中的$scope变量将类分配给元素

我有一堂课

我将类名存储在控制器的范围变量中,使用

我如何分配$scope.className给我div的班级?

我试过做<div ng-class="'{{className:true}}'"></div>它没有用。

任何人都可以告诉我一个解决方案吗?提前致谢!

0 投票
1 回答
7263 浏览

angularjs - 当检查中的复选框时,将类添加到元素中

我有一个选择的 div,每个都有一个复选框。当每个特定的复选框被选中时,我正在尝试向标签添加一个类。

我看到我可以为每个盒子创建一个特定的模型(ng-model:"isChecked-1" 然后 ng-class="'active' : isChecked-1")等等,但它似乎不是很代码高效。

有什么想法吗?

这是我的代码:

0 投票
1 回答
140 浏览

javascript - 在 AngularJS 中使用 ng-class 应用多个不同性质的 CSS 类名

我有一个指令,其结构是:

i.labels是一个 CSS 类名数组,i.idselectedId是数字,所有这些都在控制器内部声明。我想应用数组中包含的所有类i.labels并有条件elSelected地应用于mydir. 我怎样才能用 ng-class 做到这一点?

0 投票
1 回答
5455 浏览

angularjs - ng-repeat 中的 ng-class:取决于项目参数的条件类名称

在 ang-repeat中,我想ng-class根据一些项目参数设置 a 的类名。

我想为每个添加性别年龄对应类的简单示例<li>

不幸的是,它似乎不是那样工作的。

知道如何简单地实现这一目标吗?

0 投票
2 回答
316 浏览

css - AngularJS - 在 1 上更改多个 CSS 类
从多个选项

恐怕我是 Angular 的新手,因此我的知识有限。我希望有一个简单的解决方案,我非常感谢任何帮助。

问题:我有多个下拉列表都填充了来自 $scope.list 的数据,当单击其中一个列表时,它会更新变量 $scope.current。我希望在其他地方的容器类中使用 $scope.current 数组数据。

代码:

// 角度

HTML 列表 1

HTML 列表 2

// 点击以上列表时要更新的 HTML

// 输出仅存在初始的“容器”类。

// 更新感谢给出的答案,jsFiddle 表明它应该可以工作,但我的问题是这ng-view导致了我的问题$scope- 一旦将这些动态类和 ng-view 分开,一切正常。再次感谢!