Angular formly - 从包装器中的字段获取模型

时间:2016-02-09 10:54:27

标签: javascript html angularjs angular-formly

我正在创建一个包装器,它将模型值显示为页面上的普通文本。当鼠标悬停在此文本上时,它将转换为一个形式字段,这非常有用。 我的问题是,当在字段中进行编辑时,正常文本不会改变,那么如果可能的话,如何从字段中获取模型的值?

I made a bin as an example of my problem.

包装器:

template: [
                '<div ng-hide="to.editorEnabled" >',
                    '<div ng-mouseover="to.editorEnabled=true">',
                        '{{to.label}}</br>',
                        '{{to.value}}',
                    '</div>',
                '</div>',
                '<div ng-show="to.editorEnabled" ng-mouseleave="to.editorEnabled=false">',
                    '<formly-transclude></formly-transclude>',
                '</div>'
           ]

字段和型号:

vm.model = {textField: "Mouse over this field"};


vm.fields = [
  {
    key: 'textField',
    type: 'input',
    templateOptions: {
      label: 'Text Label',
      type: 'text',
      value:vm.model.textField
    }
  }];

1 个答案:

答案 0 :(得分:1)

使用形式上的观察者解决了问题。

free jqGrid

守望者代码:

Table1 
ID|Ticket|Status
1|23235|0
2|43434|0

Table2
ID|Ticket|Status|Solved-date
1|23223|1|01.02.2016
2|43433|1|01.02.2016