html - HTML 属性中的 AngularJS 条件

Question

如何根据模型更改 html 属性？

我正在尝试根据数组的长度更改输入的占位符文本:

<input placeholder="{{todos.length ? 'Insert todo' : 'Insert your first todo'}}" />

但这似乎行不通......

JS Bin code example .

Answer 1

三元运算符在这种情况下似乎不起作用，而不是这样做

{{cond ? true : false}}

改成

{{ exp && true || false }}

所以你的 placeholder 属性看起来像这样(为了演示目的我已经缩短了它)

placeholder="{{todos.length > 0 && 'Insert' || 'Insert first'}}"