Question

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

这是输入的样子：

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

根据我的理解，引导程序模板不会为text / 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角度形式

1 个答案: