Установка статических литеральных значений в компоненте angular2

В угловых 2, можно установить значения в представлении html компонента, как это? Это уже отображается в PHP:

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

Я никогда не видел, чтобы это было сделано где-либо в Интернете, поэтому я предполагаю, что это не может быть сделано. Но есть ли обходной путь? Например, если бы у меня было 100 dropdown компоненты на странице со своими options модель, я бы потенциально должен был сделать 100 запросов к серверу, если делать это угловым путем.
Мысли?

4

Решение

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

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

    РАБОЧИЙ ПУНКЕР


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

    Это бросит Teplate parse error, точнее.

    Сломанный плункер

2

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]