Привязка модели addonLeft.text угловая форма

Я использую шаблоны начальной загрузки с angular-formly, и я хотел привязать addonsLeft.text к модели, чтобы она динамически менялась после изменения параметра выбора.

Вот как выглядит ввод:

  {
    key: 'my_input',
    type: 'input',
    templateOptions: {
      label: 'Text',
      addonLeft: {
            text: vm.model.select
      }
    }
  }

Насколько я понял, шаблоны начальной загрузки не создают модель для параметра text/class, поэтому изменение модели не повлияет на файл addonLeft.text.

Найдите неработающий пример в этой jsbin ссылке.

Я нашел хакерский способ сделать это, но я не уверен, что это правильный путь.

Вот решение по этой ссылке jsbin.

Должен ли я вместо этого создать собственный шаблон, чтобы у него была правильная модель и т. д.? Причина, по которой я этого еще не сделал, заключается в том, что уже есть реализованное решение, которое сделает мой код чище.


angularjs angular-formly angular-ui-bootstrap angular-bootstrap
person George Nikolaides    schedule 10.12.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Это идеальный случай для формальных выражений:

{
    key: 'my_input',
    type: 'input',
    templateOptions: {
        label: 'Text',
        addonLeft: {
            text: ''
        }
    },
    expressionProperties: {
      'templateOptions.addonLeft.text': 'model.select' // <- HERE
    }
}

Пример JSBin: http://jsbin.com/tudivi/1/edit?html,js,console,output

person Ben Orozco    schedule 10.12.2015
comment
Это одна вещь, которую я не пробовал, хотя я много использовал expressionProperties!! Спасибо, работает как шарм. - person George Nikolaides; 11.12.2015