模型绑定 addonLeft.text 角度形式答案

【问题标题】：Model binding addonLeft.text angular formly模型绑定 addonLeft.text 角度形式
【发布时间】：2016-03-15 23:05:58
【问题描述】：

我将bootstrap templates 与angular-formly 一起使用，我想将addonsLeft.text 绑定到一个模型，以便在选择选项更改后它会动态更改。

这是输入的样子：

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

据我了解，引导模板不会为文本/类选项创建模型，因此更改模型不会影响addonLeft.text。

在这个 jsbin link 中找到一个无效的示例。

我找到了一种很老套的方法，但我不确定这是否正确。

这是这个jsbin中的解决方案link。

我是否应该创建一个自定义模板以使其具有适当的模型等？我还没有这样做的原因是因为已经有一个已实现的解决方案可以让我的代码保持清洁。

【问题讨论】：

标签： angularjs angular-ui-bootstrap angular-bootstrap angular-formly

【解决方案1】：

这是 Formly Expressions 的完美案例：

{
    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

【讨论】：

这是我没有尝试过的一件事，即使我使用了很多表达式属性！谢谢，就像一个魅力。