如何根据布尔值向html / ionic组件添加或删除属性？

Question

我有一个输入标签，其属性为formControlName

<ion-input type="text"
           autocomplete
           autocorrect
           formControlName="title"></ion-input>

我的模板文件也有bool变量 dataLoaded

我想检查我的Bool变量，并且只在bool变量为true时才在属性中添加我的属性 formControlName 。 否则应删除该属性。

我希望不使用多余的Js。

我尝试过。

formControlName="dataLoaded ? 'title' : null"

[formControlName]="dataLoaded ? 'title' : null"

但这会带来错误。

Answer 1

您可以尝试使用*ngIf：

<ion-input type="text"
           *ngIf="dataLoaded"
           autocomplete
           autocorrect
           formControlName="title"></ion-input>
<ion-input type="text"
           *ngIf="!dataLoaded"
           autocomplete
           autocorrect></ion-input>

根据dataLoaded的值，DOM将仅呈现一个输入