如何禁用 angular 4 中的检查元素？

Question

我有一个元素列表，但我只想显示其中的一部分，所以我使用了这段代码

[style.display]="!student.selected?'none':'block'"

但是当我检查元素时，我可以看到所有元素，所以我的问题是如何用安全的东西更改它？

Answer 1

您可以在模板中使用 *ngIf 结构指令 (https://angular.io/guide/structural-directives)。所以在你的情况下 component.html 将包含：

<div *ngIf="student.selected"></div>

如果学生存在，将显示 div 元素。