Angularjs 模型绑定addonLeft.text格式

Angularjs 模型绑定addonLeft.text格式,angularjs,angular-ui-bootstrap,angular-bootstrap,angular-formly,Angularjs,Angular Ui Bootstrap,Angular Bootstrap,Angular Formly,我正在使用with,我想将addonsleet.text绑定到一个模型,以便在选择选项更改后,该模型可以动态更改 这是输入的样子: { key: 'my_input', type: 'input', templateOptions: { label: 'Text', addonLeft: { text: vm.model.select } } } 据我所知,引导模板不会为text/class选项

我正在使用with,我想将
addonsleet.text
绑定到一个模型,以便在选择选项更改后,该模型可以动态更改

这是输入的样子:

  {
    key: 'my_input',
    type: 'input',
    templateOptions: {
      label: 'Text',
      addonLeft: {
            text: vm.model.select
      }
    }
  }
据我所知,引导模板不会为text/class选项创建模型,因此更改模型不会影响
addonLeft.text

在这个jsbin中找到一个不起作用的示例

我已经找到了一个很好的方法,但是我不确定这是不是正确的方法

这是这个jsbin中的解决方案



我是否应该创建一个自定义模板,使其具有适当的模型等?我之所以没有这么做,是因为已经有一个实现的解决方案可以让我的代码更干净

这是的完美案例:

{
    key: 'my_input',
    type: 'input',
    templateOptions: {
        label: 'Text',
        addonLeft: {
            text: ''
        }
    },
    expressionProperties: {
      'templateOptions.addonLeft.text': 'model.select' // <- HERE
    }
}
{
键:“我的输入”,
键入:“输入”,
模板选项:{
标签:“文本”,
附加左侧:{
文本:“”
}
},
expressionProperties:{

'templateOptions.addonLeft.text':'model.select'//这是一件即使我经常使用expressionProperties,我也没有尝试过的事情!!谢谢,非常有用。