网站搜索

typescript - 在 Angular 7 中这个 *ngIf 有什么问题


这个 *ngIf 指令有什么问题

*ngIf="{{text}}=={{display.company}} ||{{text}}=={{display.field}}||{{text}}== 
{{display.sub_field}}"

答案#1

如果这些值在组件中已经定义,那么这里无需使用 {{ }} 进行插值,下面的写法就可以。

*ngIf="text === display.company || text === display.field || text === display.sub_field"

如果任一条件为真,这个 *ngIf 将会渲染到视图中。

这是来自 Angular 的文档

答案#2

你不需要将代码放在括号中(插值)

<div *ngIf="text==display.company ||text==display.field||text== 
display.sub_field"> </div>