动态绑定属性

Question

我有这个模板

<div [fromGroup]="myForm">
 <input [formControl]="myFormControl" [formControlName]="formControlName">
</div>

我在想我是否可以绑定一个。例如，如果formControl有数据，那么我要这样做。

<div>
 <input [formControl]="myFormControl">
</div>

但是，如果formControl为空，我想这样做：

<div [fromGroup]="myForm">
 <input [formControlName]="formControlName">
</div>

是否可以在没有ngIf的情况下动态绑定相同模板上的属性？

Answer 1

使用ngIf。检查以下链接，

Angular NgIf

Answer 2

您可以尝试以下操作：

 <div [fromGroup]="formControl?null:myForm">
    <input [formControl]="formControl? [formControlName]="formControl? 
    null:formControlName">
    </div>

Answer 3

当条件为then或{{1}时，您可以利用else中的*ngIf子句和true子句表示法来显示一个或多个块}，如here所示。假设false由真实值初始化，则呈现formControl，如果trueBlock没有由formControl或null初始化，则undefined为改为呈现：

falseBlock