腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
简化
使用
ngFor
的
ngClass
条件
、
、
、
我有一个包含5个字符串值
的
数组,分别是:兴奋、高兴、中立、悲伤、愤怒 我
使用
ngClass
和
ngFor
as来
简化
html,这样我就不必为每个值重复5次。问题是
ngClass
语句非常笨重,我找不到一种适当
的
方法来
简化
它。有没有办法把这段话说短一点?<mat-icon *
ngFor
="let smiley of smileys" svgIcon="emote_{{smiley}}"
浏览 32
提问于2019-02-07
得票数 1
回答已采纳
4
回答
角-
NgClass
,多个
条件
、
<div *
ngFor
="let percent of percentages" (answer =='0') ?'amber':'transparent', {{ percent }}编辑-为了澄清,我想做
的
是
简化
下面的内容。这是写每一个百分比,因为它自己
的</em
浏览 1
提问于2020-05-12
得票数 0
回答已采纳
1
回答
*
ngFor
在不同角度
的
div上
、
、
、
、
我在一个像这样
的
角度项目中有标记。<div class="smallCard" *
ngFor
="let popular of populars"> box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);} 我有一系列这样
的
元
浏览 3
提问于2022-08-10
得票数 2
回答已采纳
2
回答
基于数组索引值样式
的
HTML元素
<div *
ngFor
="let e of arr ; let i = index" > </div> 我想检查循环内<
浏览 2
提问于2018-07-10
得票数 0
回答已采纳
2
回答
从
ngFor
添加类
、
、
、
、
我有一个
ngFor
循环和一些div在里面。代码如下所示: <div *
ngFor
="let element of bodyElements"></div> 现在,我需要向生成
的
每个元素添加一个来自
ngFor
的
类。因此,我尝试了以下代码: <div *
ngFor
=
浏览 32
提问于2021-07-21
得票数 0
1
回答
在Angular2中有
条件
地应用CSS类
、
下面的HTML代码基于组件返回
的
列表递归地创建列表项,我只想将' first -child‘CSS类应用到第一个列表项。<ul class="link-list-horz"> <a href="">{
浏览 2
提问于2016-12-01
得票数 3
回答已采纳
3
回答
Angular HTML TD类
<tr> <span>{{column.value
浏览 28
提问于2020-10-28
得票数 3
回答已采纳
2
回答
角,在
ngFor
循环中添加唯一类,同时具有现有的
ngClass
、
我有一个
ngFor
循环,我想为每个元素分配一个唯一
的
类,但是我有一个已经存在
的
ngClass
条件
。<div class="b-game-card" *
ngFor
="let info of list" [
ngClass
]="{active: isActive(info)}"> <div class="b-game-card__cover"></d
浏览 12
提问于2022-11-02
得票数 0
回答已采纳
3
回答
不同状态
的
文本颜色角度6
、
、
、
、
compact', 'dashed']"></eds-table>template: "<table class=\"table\" [
ngClass
]=\"modes\">\n <thead *ngIf=\"columns\">\n <tr>\n <th *<em
浏览 26
提问于2019-02-07
得票数 6
回答已采纳
1
回答
与Angular中
的
ngFor
配合
使用
的
ngClass
,用于切换图标
、
、
、
、
我有一段来自component.html
的
代码 <div *
ngFor
="let passenger of passengers; let i=index"></div> 我不想让行李箱部分显示是或否,这取决于用户
的
选择,我希望显示图标(如果luggage = true则显示行李箱,如果luggage =false则显示删除线图标) 我正在考虑用
ngClass
浏览 15
提问于2020-07-03
得票数 0
回答已采纳
2
回答
ngClass
与字符串和对象混合
在我
的
例子中,问题是一个类是一个简单
的
字符串,'start-' + i和另一个是
条件
{'is-active': i <= totalStars}。我想说这听起来很容易,但是当我尝试
的
时候,它看起来正好相反。<ul> <li [
ngClass
]="[
浏览 3
提问于2019-10-10
得票数 1
回答已采纳
1
回答
如何
使用
角动态添加两个类?
、
一个类是一个简单
的
变量引用,另一个类需要
使用
条件
逻辑。这是我
的
代码: *
ngFor
="let node of warriorNodesList"false}" <span>{{node.name}}<
浏览 1
提问于2017-09-30
得票数 3
回答已采纳
5
回答
角2插值对
ngClass
的
增加值
、
假设我在数组中有一些对象(让我们调用数组"items"),比如{ title: "Title", value: true },我
使用
ngFor
来显示它们: <h1 *
ngFor
="let item of基本上,如何才能将当前项
的
真假值转换为类似于
ngClass
的
内容?我是不是错过了一个明显
的
方法在角度2做这件事?(顺便说一句,我知道我可以通过将class="{{ item.value | pipe }}&
浏览 8
提问于2016-09-15
得票数 9
回答已采纳
1
回答
如何根据变量动态更改引导列,并确定何时添加行?
、
、
我需要根据已排序
的
数组来更改行
的
列数。 下面的例子就是我想要
的
结果。喜剧片需要两排。动作3.恐怖
的
只有一个,但我似乎不知道如何用Typescript做到这一点 var movies = [ { title: 'movie 1', genre: 'comedy' },<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/b
浏览 20
提问于2020-06-25
得票数 2
回答已采纳
1
回答
Angular select类if else
、
、
我有这个: <ion-row *
ngFor
="let p of order.lines; let i = index" [
ngClass
]="order.lines.length == i?
浏览 0
提问于2020-04-23
得票数 0
1
回答
如何将红色字体应用于动态数据
的
特定列?
、
、
、
、
我工作
的
角度7应用程序,我需要应用红色字体到数据内容正文‘列名=’onlineurl‘。我动态地显示数据,意思是没有固定
的
列或数据和代码在下面工作,没有任何问题。我需要
的
主要工作是如果columnname='onlineurl'使字体颜色为内容体数据红色。this.item).map((key)=> item[key]) 要获得
浏览 5
提问于2020-05-20
得票数 0
回答已采纳
1
回答
向
ngClass
添加第三个
条件
不起作用
、
我正试图在我
的
ngClass
中添加第三个
条件
。首先,我在
ngClass
中
使用
以下两个类来替换行
的
颜色我试图添加一个第三类和
条件
,席列表将显示一个边线为垫列表项目的顶部。但是,当我添加第三个
条件
时,它会给出一个错误。[
ngClass
]="{ totalrow:i%2 !0, odd:i%2 ==
浏览 0
提问于2019-06-14
得票数 1
回答已采纳
2
回答
Angular:如何更改
ngFor
中组件
的
属性值
、
、
、
、
在
ngFor
中,我有一个tabs组件。为了添加一个CSS类,我
使用
了show属性,它是一个布尔false。如果单击该组件,show属性将切换为true。如果我点击第二个组件,我需要设置false上一次点击
的
组件。 如何访问和设置同级组件
的
show属性?this.show;} <app-tab [
ngClass
]="show ?
浏览 51
提问于2021-11-14
得票数 0
2
回答
显示星级
、
、
、
、
这是我
的
密码{{item.rating}} <span class/span> <span class="star"></span> <
浏览 2
提问于2018-03-08
得票数 6
回答已采纳
2
回答
在*
ngFor
中执行索引
的
减法
如何
使用
索引进行计算?当
条件
为真时,我想应用类危险,但我需要在*
ngFor
循环中计算i-1。<tr *
ngFor
="#org of data; #i = index"> <td [
ngClass
]="{danger: org.price < data.stock[i-1].val }"
浏览 0
提问于2016-05-21
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从属性到结构,带你深入理解 Angular2 两大类型指令!
从AngularJS快速跳转到Angular
Python选择结构中多条件测试的简化写法
使用 AIOps 简化您的堆栈
Angular航海日志 D3.内置指令
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券