如何在 angular 2 中有条件地分配属性值？

Question

我正在尝试学习 Angular 2。我有一个简单的 material 输入标签，我希望根据条件设置它的值。

<md-input value="dataSelected ? {{selectedDataName}} : ''"></md-input>

我尝试将 [value] 或 dataSelected 设置为 {{dataSelected}} 或 (dataSelected)，但没有成功。 有人可以引导我走向正确的方向吗？

Answer 1

您可以使用以下可能的方式将其设置为 value，而不是 value="dataSelected ? {{selectedDataName}} : ''"：

<md-input [attr.value]="dataSelected ? selectedDataName : ''"></md-input>

或

<md-input [value]="dataSelected ? selectedDataName : ''"></md-input>

或

<md-input value="{{dataSelected ? selectedDataName : ''}}"></md-input>