问题标签 [angular-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 投票
1 回答
210 浏览

angularjs - 使用索引值更改 ng-repeat 中的类

在这里,我在 ng-repeat 中有一个 div

现在 result.subscribed 是一个来自服务的布尔值,而 omega.harish 是我的简单布尔变量,这个 div 的类将根据 result.subscribed 值

现在我还想更改在 ng-repeat 中创建的一个 div 的活动类,但其他创建的 div 的类一直受到影响。

0 投票
1 回答
486 浏览

angularjs - ng-class 在初始页面加载时不正确

这个问题困扰了我一段时间。

加载页面时,通过以下代码设置表格的默认排序:

通过用户单击表格标题来更改排序,如下所示:

这是 setSort 代码:

并排序

在初始页面加载时,默认排序 (date-asc) 应用于表中的数据,但不应用 sort-asc。更改排序列时,它会显示正常 - 这只是初始页面加载。

如何在页面加载时正确评估角度?

0 投票
2 回答
1521 浏览

javascript - 仅在被点击的元素上应用 ng-class

我想应用ng-class唯一button/element被点击的,我该怎么做?

JS文件:

HTML 文件:

http://codepen.io/anon/pen/BjNyNe

0 投票
2 回答
1459 浏览

jquery - 使用AngularJS动态地将类添加到元素

我想模仿我JQuery使用AngularJS.

下面是它的小提琴

我在这里做了三件事。

  1. 找到右列的最后一个元素。
  2. 从中获取属性“数据颜色”
  3. 将属性的值作为一个类分配给“right-col”
0 投票
22 回答
1364831 浏览

javascript - Angular:带有 *ngClass 的条件类

我的 Angular 代码有什么问题?我收到以下错误:

无法在 BrowserDomAdapter.removeClass 读取未定义的属性“删除”

0 投票
0 回答
260 浏览

angularjs - 将元素包装为角度指令时出现 ng-class 问题

我将第 3 方指令包装为角度指令。让我们称之为<wrapper>。我必须。

在模板中,我有一个条件类<wrapper>,它看起来像这样:

The inner element has an ng-class attribute as well. It should receive its class from the wrapper's scope.

The directive looks something like this:

This worked fine, until I introduced the conditional class to my template. It also works fine as long I do not pass in a class to the wrapper, so that is would be passed down to the inner element...

The following code works:

The following code does not work:

I get the following error:

It seems like angular lists all the "classes" that had been passed in through ng-class, but this happens before it evaluates whether the conditional class should be applied or not. Is there a way to resolve this?

I tried to separate things with commas and semicolons as well. It did not get applied on the inner element. Only the error message went away.

更新(截至 1 月 17 日)

似乎我能够在简化的JSFiddle中重现该问题。

基本上,有一个指令(待包装),它不会替换其容器标签。比,有包装指令,它确实。

这就是我最终拥有[ {a} {b} ]AND[ a {b} ]类型的类列表的方式。

仍然想知道是否有可选的解决方案,或者我只是在这里做一些完全错误的事情。

0 投票
2 回答
2645 浏览

angularjs - ngClass 无法正常工作

我在玩 ngClass,我不知道我做错了什么。它表现出奇怪的行为。似乎当我为 ngClass 分配一个函数时它不起作用,但如果我为它分配一个对象文字它就起作用了。如何让 ngClass 使用我的组件功能?

提案表格.ts

查看 Chrome 的 Inspector 这是 HTML

0 投票
2 回答
173 浏览

angularjs - ng-class 表达式不适用于来自 httpresponse 的参数

我有一个 servlet,它返回一个带有名为“valoracion”的参数的 JSON 对象,我想将它用于跨度标签,使其成为一个带有与该参数关联的值的名称的 css 类。我想这样做是为了根据这个类以不同的方式显示 .gif。我正在使用 AngularJS,顺便说一句。

这是来自“novedades”页面控制器的 js 代码:

novedadesService.novedades 是一个工厂,它向 servlet 发送 POST 请求并返回 servlet 返回的相同 JSON。这是上述 JSON 的一个示例:

另一个是该页面的 html 代码:

这是我遇到问题的部分:

以下是我们希望页面显示的 css 示例:

这里有一个页面截图。您可以在开发人员控制台中看到问题。

感谢您在此问题上提供的任何帮助。

0 投票
0 回答
188 浏览

angularjs - 剑道菜单中的 ng-class 绑定

我正在尝试将 CSS 类绑定到剑道菜单的按钮:这是我的菜单代码:

它是菜单的一部分。

这是 liste_recherche 变量的实例化:

tickActivation 是一个返回布尔值的函数:

我尝试了几件事:1)如果我按类替换 ng-class,则该类正在工作但不是动态的 2)我将 ng-class 以良好的格式放入文本部分,无论引号问题如何,它都不起作用,我尝试了所有可能性 3) 即使我将 tickActivation(...) 替换为 true 它也不起作用。4)我已将 $scope.$apply 放入另一个:

并且使用 $apply,我可以看到每次单击菜单时都会使用 tickActivation,具有良好的参数和良好的回报。但是没有绑定并且 ng-class 不起作用......我在任何文档/社区上都没有找到任何答案。至少,感谢您阅读帖子,我希望有人能找到解决方案。

0 投票
2 回答
2156 浏览

angular - Angular 2 ng-class 在 IE 11 中不起作用

我正在使用 angular 2 ngClass 来禁用锚标记,这在 google chrome 中有效,但在 IE 11 中无效。有没有人遇到过类似的问题?