模型绑定 addonLeft.text angular 正式

Question

我正在使用 bootstrap templates with angular-formly，我想将 addonsLeft.text 绑定到模型，以便在 select 选项更改后动态更改。

这是输入的样子：

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

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

在这个 jsbin link.

中找到一个非工作示例

我找到了一个很老套的方法来做这件事，但我不确定这是否是正确的方法。

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

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

Answer 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

模型绑定 addonLeft.text angular 正式

Model binding addonLeft.text angular formly

angularjs

angular-ui-bootstrap

angular-bootstrap

angular-formly