Model binding addonLeft.text angular formly

Question

我使用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中的解决方案。

---

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

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