Установка значений статического литерала в компоненте углового2

Question

В угловом 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> 

---

• Этот шаблон идеально OK для угловой, до тех пор, пока вы используете его для одностороннего связывания с использованием [prop]="expression" или prop="{{expression}}",

  WORKING PLUNKER

---

• потому что в тот момент, вы пытаетесь сделать двухстороннее связывание [(prop)]="expression" над Array Value он потерпит неудачу, то это потому, что expression должен быть component property сделать two-way связывания.

  Он будет кидать Teplate parse error, если быть точным.

  BROKEN PLUNKER