ng-class 相关问题

angularjs ngClass指令允许您通过数据绑定表示要添加的所有类的表达式来动态地在HTML元素上设置CSS类。

哪种方法将多个类应用于html标记具有最佳性能?角2

我正在用价格构建日历,我有3个嵌套元素:-日历布局-日历月---日历周在日历周中,我必须对不同样式进行多次计算...] >

回答 2 投票 1

哪种方法将类应用于html标签具有最佳性能?角2

我正在用价格构建日历,我有3个嵌套元素:-日历布局-日历月---日历周在日历周中,我必须对不同样式进行多次计算...] >

回答 1 投票 0

Angular-NgClass,多个条件

我正在遍历包含不同百分比的数组。但是,我想根据数据库中的答案是否等于数组中的值之一来添加类。 ...

回答 3 投票 0

setActive ngClass angular

您好,我有一个简单的角度分量问题,我要使用反应形式插入文本,然后在我想通过单击设置活动的一个元素但是单击时设置一个活动元素,然后使用ngFor循环文本。] >

回答 1 投票 0

我如何强制[ngClass]重新评估函数?

Angular v8。我有一个使用[ngClass]指令的标记。该表达式调用一个函数。条件发生变化后,如何让ngClass重新评估所说的表达式?似乎只是...

回答 1 投票 0

回答 1 投票 0

AngularJS ng-class if-else表达式

[使用AngularJS,我以下列方式使用ng-class: ...

回答 9 投票 256

NgClass对函数无反应

我在NgClass中使用一个函数,该函数使用ngOnInit中填充的数组。 ngOnInit-> prepareRezerwation()创建可验证的colorRezerwation:this.nodeService.getRezerwations(this.minMax).subscribe(...

回答 1 投票 0

[ng-repeat angularjs中的值更改后未更新ng-class

我正在尝试根据ng-repeat中的值设置一个活动类。我可以基于默认值在首页加载时实现它,但是无论何时更改值,类都不会更改。我是...

回答 1 投票 -1

Angular8-[ngclass]性能问题

我正在使用[ngClass]根据材质表行值选择CSS类。在鼠标悬停事件上,我正在更改获取cssclass且运行正常的标志值。但是,当我调试它时,我...

回答 1 投票 -1

对于h2标签,以下代码的输出应该为绿色,但是为什么为普通黑色,所以呢?

角度代码绿色未出现app.component.css .text-success {color:green} app.component.html Hello World app.component.ts showColor:true public ...] >

回答 1 投票 0

ngClass最佳实践中的角参考ID

我制作了此代码,以在活动页面更改时更改导航栏选项的css。 html:

回答 1 投票 0

将菜单状态更改为在角度8中处于活动状态

我是新手,考虑到导航路线,我试图更改导航栏中按钮的状态,但是,当单击我的按钮时,我选择了所有其他按钮,包括...

回答 2 投票 0

Ionic 4基本ngClass无法正常工作

可能是初学者的问题,但我真的被困在这里。只是尝试切换我添加到HTML中的元素的类,如下所示:

回答 1 投票 0

使用OR运算符的AngularJS ng-class多个条件

我试图找出根据角度值添加类的良好语法。我想使用OR来激活有关2个条件的类(一个在实时用户更改上,一个在加载数据上)...

回答 5 投票 20

使用ng-style的AngularJs动态样式

我正在使用下面的语法,但是我无法实现它。我想根据div类动态更改左边距。 ng-style =“ {'margin-left:120px':col-xs-12 ||'margin-left:400px':col-lg-8 ...

回答 1 投票 0

我可以在[ngClass]中使用条件(三元)运算符以及Angular2中的多个类条件吗?

我可以使用多个条件,例如: 和条件(三元)运算符,例如: 我不明白您为什么要这样做。但是,不,你不能那样做。 根据API,您只能提供数组,字符串或对象。因此,在您的情况下,您要提供对象,它们的键代表类名,而值代表条件,即真或假。 使用三元运算符的方式是: <div [ngClass]="{'checked': isChecked, 'empty-class': somefunction() ? true: false}"> 但是同样,这只是不必要的代码,应替换为 <div [ngClass]="{'checked': isChecked, 'empty-class': somefunction()}">

回答 1 投票 0

如何在Angular中创建全局ngClass方法?

使用Angular 7,我在组件.ts文件中创建了一个ngClass方法,效果很好。我想要的是在所有组件中都使用相同的方法,而无需重新编写代码,但是我不确定...

回答 1 投票 0

如何避免在Angular ngClass中重复?

想象以下情况: {{{d}} ...

回答 2 投票 2

body标签上ng-class内部的AngularJS工厂不起作用

被告知要创建服务/工厂并在全局控制器上使用它。这是我第一次听到全球控制器。无论如何,我创建了一个名为Scroll的工厂,并将其注入到main.controller.js中。 ...

回答 2 投票 3

© www.soinside.com 2019 - 2024. All rights reserved.