Angular 2:仅将CSS应用于*ngFor数组中的选定项 - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

Angular 2:仅将*CSS应用于***ngFor*数组中的选定项

angular

我正在开发我的第一个angular应用程序...这是一个价格估算计算器，适用于不同类型的建筑工作。我正在尝试使它，以便只有选定的卡获得特殊的CSS (如减少不透明度)。我尝试这样做:在类中设置一个空的状态变量，将其更新为所选卡片的名称的值，然后检查状态名称是否与状态变量相等，并对其应用“活动”css……但它当前在单击时将类应用于每一张卡，而不仅仅是被单击的卡。&#

浏览 1提问于2017-08-10得票数 1

回答已采纳

1回答

将css类应用于Ag-Grid中单元格中的特定项目

angular、ag-grid

我在一个angular 7应用程序中使用了Ag-grid。我正在尝试使用"cellClassRules“将css类应用于特定的单元格。这会将类应用于整个单元格。但我想将类应用于单元格中的一些特定项。在本例中，我希望将css仅应用于XYZ，而不应用于其他名称。此css基于特定条件应用。

浏览 4提问于2019-11-25得票数 0

2回答

如何从嵌套数组中获取选定的索引？Angular - Javascript

javascript、angular

我需要在嵌套数组中获取选定的项。首先检查我的代码： <div class="column-holder" *ngFor="let training of data.trainingExercise } } }

浏览 22提问于2020-11-17得票数 1

2回答

我想在单击后添加active类，并且在ngFor中ngFor中有问题。当我在一个电台上clik时，active类将被添加到所有行中，因为它的名称是相同的。此外，现在我只能点击一个收音机，我想点击一行中的一个收音机(我不知道如何使收音机在行之间相互独立)。我希望在行之间添加独立的active类，例如，我希望从Lorem中选择test1，从Ipsum选择test2，从dolor中选择test1。现在我只能从所有元素中选择

浏览 1提问于2018-09-19得票数 0

回答已采纳

2回答

AngularJS 2中带有TypeScript的括号和特殊字符

typescript、special-characters、angular

我现在正在学习angularjs2后的angularjs1。我正在使用TypeScript变体。我发现一些括号和特殊字符被用于角属性。任何一个人都可以帮助我深入了解一个人是出于什么原因用恰当的例子。此外，请添加更多的特殊字符与这个问题(如果我错过任何)。等

浏览 10提问于2016-02-19得票数 2

回答已采纳

1回答

启用或禁用ngFor迭代元素

angular

550" heigth="650" (click)="onChartClick($event)" *ngIf="individualVisibility"></canvas> 在for循环中迭代此画布，将创建多个画布我只想启用一个画布并禁用其余的画布。我尝试使用ngIf，但它适用于所有元素。在这种情况下，我可以创建自定义指令并使用它吗？有没有人能提个建议。我不想隐藏元素，基本上我希望从DOM中删除这些元素。

浏览 13提问于2019-09-17得票数 1

回答已采纳

2回答

Angular中FormArray的自定义验证器运行次数过多

angular、angular-reactive-forms

在Angular 6中，我使用FormBuilder创建了如下表单： formData = this.formBuilder.group({ listSubItem: this.formBuilder.array([], ValidationService.noDuplicateSubItemName), }); 在表单中，

浏览 13提问于2019-05-24得票数 0

3回答

将类添加到**ngFor*内的元素

angular、ngfor、iterable

我有一个用*ngFor生成的项目列表 <div> <我想要的是应用一个类来将display:none设置为已删除的项，我使用了以下方法： <div *ngFor="let item of items" [c

浏览 1提问于2018-12-07得票数 1

2回答

Angular2中的管道

angular、filter、pipe

我试图在angular 2中创建我的第一个自定义管道，但似乎我在代码中遗漏了一些东西，使我无法获得所需的输出:我只想显示Type等于'T‘或’A‘的名称：import {Pipe, PipeTransform} from '@angular/core'; @Pipe({name:

浏览 0提问于2016-08-20得票数 2

3回答

将值和选定属性设置为options标记

angular、html、angular6

我一直在努力解决为选项标签设置值和选定属性的问题。这两种方法在标签上都工作得很好，但如果另一种存在的话，两种方法都不起作用。示例： <option *ngFor="let item of items" selected [ngValue]="item"> </select> 在该示例中，将忽略"sel

浏览 2提问于2018-10-11得票数 0

2回答

角:如何在select输入上设置默认选择

html、angular、select

我用的是在遍历数组(ngFor)时，如何将“选定的”属性应用于其中一个选项？例如，数组包含“相册1”、“相册2”和“专辑3”。默认情况下，我希望‘专辑

浏览 1提问于2017-09-04得票数 1

回答已采纳

1回答

将ngFor迭代次数限制为固定数量

angular、carousel、ngfor

我有一个带旋转木马的页面，我想要最多7个点，即使我有10张幻灯片。我在寻找，但我什么也没发现。这是我的代码 <div class="page-item" *ngFor="let subject of pageIdentityTraitArray.subjects

浏览 31提问于2020-03-12得票数 0

回答已采纳

1回答

Angular2:遍历对象数组的ngFor

angular

例如，使用这个JSON： "TableRows": [ "Name": "Lord of the Rnis", }TableRows: ITableRows[]; Name: string;} 下面的ngFor逻辑工作得很好，但不是我想要循环的：

浏览 3提问于2017-10-05得票数 0

回答已采纳

3回答

Angular 6:使用复选框检索ngFor列表的元素

angular、ngfor

我想在Angular上使用ngFor显示一个数组(我正在使用Angular 6)。我希望能够通过点击结尾处的复选框来选择我的一些汽车，当我按下按钮时，我将购买所选的汽车。列表显示了alrigh，复选框也是如此，但我真的不知道如何轻松地检索选定的汽车。你能帮上忙吗？我已经尝试了我在StackoverFlow上找到的一些例子，但没有成功我不想去碰仅包含3个字段(id、品牌和价格)<e

浏览 0提问于2019-02-12得票数 0

1回答

列表顶部未显示离子最新添加项

ionic-framework

我有一个问题，我的项目列表，我的问题是，当我添加一个新的项目，它没有出现在列表的顶部，它总是出现在底部，如何做正确的？first -A其显示我想知道如何显示这种类型项目列表

浏览 3提问于2018-02-07得票数 0

回答已采纳

1回答

如何在角2中动态设置表航向？

angular、angular2-routing

我正在获取JSON数据，并将JSON数据存储在我的属性上。"dropLatitude": 17.43673, "paymentType": 2,"itemName": "sanjay", "bookingType":

浏览 3提问于2017-05-09得票数 1

回答已采纳

2回答

读取json的对象类型失败

html、json、typescript、angular、getjson

我有一个我无法读取的json对象类型..."name": "name2", }, "name": "name3", }我想知道如何在我的html中显示它？这是我的尝试：

浏览 3提问于2016-07-25得票数 0

2回答

突出显示列表项并使用Angular2删除

angular

我的问题：我对解决方案的第一个想法：另一种是使用，但这并不是像toogle那样工作，也就是说，当我单击下一项时，前一项仍然是高亮显示的。在不编写循环<em

浏览 4提问于2016-08-02得票数 0

2回答

改变每个盒子的角度的最佳方法是什么？

angular

我有两个盒子(方框1-方框2)，想要在点击按钮后更改每个框的位置。点击后 

浏览 2提问于2020-09-19得票数 2

回答已采纳

1回答

使用角10中的自定义管道获取最低数量。

angular、angular-pipe

我制作了我的自定义管道以获得数组中最低的数字，并提出了这个简单的代码，但它不起作用。它在呈现时显示为空白。PipeTransform { transform(items: any ): any { } 我就是这样用的：<div *ngFor="let vars of variations"> <div class="p

浏览 1提问于2021-01-13得票数 0

回答已采纳

点击加载更多