Angular 4 [ngClass]在点击时发生变化

Question

我尝试在* ngFor循环中输入一个

项，但只想更改所选的列表项。你有这个案例的任何例子吗？

由于

Answer 1

由于您还没有提供问题的复制品，假设您的项目模板循环有点像这样，

<item *ngFor="let element of list" [ngClass]="{ 'item-selected': element === selectedItem }"></item>

在您的组件中，

list : any[]; // or the type of the list
// 'selectedItem' gets assigned the value of the current selected item everytime you select an item from the 'ngFor' loop's list of items.

如果你展示你的代码可能是某人可以指出它而不是概括它。在上面的模板中，当ngClass循环中的当前.item-selected为element时，ngFor会有条件地添加类selectedItem。

有关ngClass here的更多信息。希望它有所帮助。