*ngFor适用于class.active
*ngFor是Angular框架中的一个指令，用于在模板中循环渲染一组元素或组件。它适用于class.active的情况是在循环渲染的过程中根据条件为某个元素添加活动状态的CSS类。
具体来说，*ngFor指令通过遍历一个可迭代对象（如数组或集合）的每个元素，并为每个元素创建一个模板实例。在循环过程中，可以使用特殊的语法来访问当前元素的属性和方法。
对于class.active的应用场景，通常是在需要根据某个条件来为某个元素添加活动状态的情况下使用。例如，假设有一个包含多个选项的导航菜单，当用户点击某个选项时，希望该选项显示为活动状态，可以使用*ngFor指令循环渲染菜单选项，并通过条件判断为当前选项添加class.active。
在腾讯云的相关产品中，可以使用腾讯云的Serverless云函数（SCF）来实现类似的功能。SCF是一种无服务器计算服务，可以根据事件触发自动运行代码，无需关心服务器的运维和扩展。通过编写云函数代码，可以根据条件动态修改元素的状态，包括添加或移除class.active。
腾讯云Serverless云函数（SCF）产品介绍链接：https://cloud.tencent.com/product/scf
相关·内容
我有一个元素，我想应用某个类，所以我使用了一个class.active条件，它监视一个可观察的更改。但当我切换时，它不适用于下面的li，并分解了整个应用程序：我发现，如果我使用ngClass来代替，它会很好地工作：
<li *ngFor=&q
浏览 2提问于2016-06-16得票数 5
3回答
<ul class="list-group">
<li *ngFor="let t of todos; let i = index" class="list-group-item" >{{ t }}
浏览 6提问于2017-08-17得票数 1
回答已采纳
rating-type__bar-wrapper rating-type__bar-left">
<div class="rating-type__pipe" *ngFor
浏览 11提问于2020-12-12得票数 1
回答已采纳
我有carousel-item div，它们正在通过*ngFor重复，现在我想在第一个div (carousel-item)中添加active类。我怎样才能在角度7的addClass？component.html <p>{{testimonial.description
浏览 0提问于2018-10-31得票数 0
回答已采纳
在我的例子中，切换类适用于每个li元素 <ul class="nav nav-pills pull-right">
<li *ngFor="let x of nav" class=
浏览 66提问于2017-01-17得票数 5
回答已采纳
我正在使用NgFor遍历一个集合： { title: “Tile 1“,
summary: “First="let article of articles ; let i = index" [class.active]="selectedBundle === true" (click)="select(article<ol class="article-indicators text&qu
浏览 2提问于2017-03-29得票数 0
import { Component, View, NgFor,Inject,forwardRef,Input, NgIf, FORM_DIRECTIVES } from 'angular2/angular2selectTab(tab)">{{tab.tabTitle}}</li> <ng-content></ng-content> directives: [NgFor
浏览 0提问于2015-11-18得票数 32
回答已采纳
问题:滑块按钮的颜色不会在*ngFor中处于活动状态和非活动状态。data-ride="carousel"> <li data-target="#dynamicAds" *ngFor"{'active' : i == 0}"></li>
浏览 4提问于2019-10-19得票数 1
1回答
我尝试在组件的超文本标记语言中添加诸如ngFor之类的angular指令。我想不出如何控制数组列表中第一张幻灯片的“活动”标志。data-target="#myCarousel" data-slide-to="2"></li> <div class="carousel-inner">
<div *ngFor="let teaser of hashtagsTeaser; let isFirst
浏览 6提问于2019-07-24得票数 0
所以我使用*ngFor来添加元素和转盘指示器(小圆圈表示当前位置)。<li data-target="#myCarousel" *ngFor="#item of items; #idx = index" data-slide-to="idx" [class.active]="idx === 0" >
我正在通过class.active="idx === 0“设置活动类条目，它工作得很好。
浏览 3提问于2016-06-10得票数 2
来自.active的bootstrap3类 *ngFor="let contact of clientsData.contacts"
[class.active] = "activeContact
浏览 2提问于2017-03-03得票数 1
1回答
<li *ngFor="let link of links; let i = index;" (click)="setActive(i)" class="{i === activeIndex ?
浏览 11提问于2017-02-02得票数 1
回答已采纳
2回答
我试图通过在angular 2 application.But中应用一个边框类来突出显示并保持所选元素处于活动状态，在any year下选择子元素时会选择其他年份的所有相应的子组件。我只想突出显示选定的元素。用于突出显示所选元素的代码： console.log(index); }如果有人遇到过类似的问题，请告诉我
浏览 4提问于2017-08-09得票数 1
回答已采纳
<a *ngFor="let user of userModel" class="list-group-item list-group-item-action active">{{user.dashBoardName}}</a><a *ngFor="let user of userModel" class
浏览 6提问于2020-03-23得票数 0
回答已采纳
但是，只有使用ngFor循环构建的集合才适合我。 <label class="btn btn-primary" [class.active]="crabColour == crab.colour" *ngFor="let crab of crabs; le
浏览 1提问于2018-02-14得票数 0
回答已采纳
class.active在我的代码中无法正常工作之前一段时间，我正在使用angular和旧版本的Bootstrap，但现在在angular 8和bootstrap 4.2.1上升级它不能工作代码在这里<a *ngFor="let cat of categoryArray;let i=index;" [queryParams: cat.CategoryId}"
clas
浏览 15提问于2019-07-31得票数 0
<p (click)="onClick1()" [class.active]="answer1" *ngFor="#question of questions">{{question.Answers.answer1}}</p>
<p (click)="onClick2()"[class.active]="answer2" *ngFor="#question of questi
浏览 3提问于2016-04-18得票数 1
回答已采纳
1回答
component.ts this.selectedRow = index;.html <ng-conta
浏览 12提问于2018-02-22得票数 0
回答已采纳
5回答
图像列表在循环(NgFor)中执行。我正在尝试通过调用函数(Click)=“addStyle()”来获取单击的当前元素，我在这里面临的问题是，如果我要根据单击的方法添加样式class.active，则它会反映在我试图将样式添加到正在单击的特定图像中的所有图像component.html <img class="product-i-2" [src]=
浏览 0提问于2019-05-09得票数 2
回答已采纳
我有这个Angular 2模板，它显示了我网站的标签： <ul id="tabs"> <a routerLink="/private/home/{{i}}"&
浏览 6提问于2016-11-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
