在 angular2 组件中设置静态文字值

Question

在 Angular 2 中，是否可以像这样在组件的 html 视图中设置值？它已经用 PHP 渲染了：

//html page:
<dropdown [(options)]="['Available', 'Busy', 'Away', 'Offline']"></dropdown>

我从未在网上任何地方看到过这种情况，所以我认为它无法完成。但是有解决方法吗？例如，如果我在页面上有 100 个 dropdown 组件以及它们自己的 options 模型，那么如果以有角度的方式进行，我可能必须向服务器发出 100 个请求。 想法？

Answer 1

 //html page:
 <dropdown [options]="['Available', 'Busy', 'Away', 'Offline']"></dropdown>

---

• 这个模板对于angular来说是完全可以的，只要你用[prop]="expression"或者prop="{{expression}}"进行单向绑定，

  WORKING PLUNKER

---

• 因为当您尝试通过Array Value 进行双向绑定[(prop)]="expression" 时，它将失败，这是因为expression 必须是component property 才能进行two-way 绑定。

  准确地说，它会抛出一个Teplate parse error。

  BROKEN PLUNKER