2015-11-06 60 views
3

我不知道如何给角度Formly中的xeditable的e-ng选项。在Angular xeditable和Angular Formly中选择选项

这里是formly配置:

 formlyConfig.setType({ 
      extends: 'select', 
      template: '<div><span editable-select="model[options.key]" e-ng-options="" e-name="{{::id}}">{{ model[options.key] || "empty" }}</span></div>', 
      name: 'editableSelect' 
     }); 

这里是选择值:

{ 
     className: 'col-xs-12 col-sm-6', 
     type: 'editableSelect', 
     key: 'gender', 
     templateOptions: { 
      label: 'Gender', 
      options: [ 
     {name: 'Male', value: 'male'}, 
     {name: 'Female', value: 'female'}] 
     } 
    } 

请看看JSBIN

回答

3

我想通了。

formlyConfig.setType({ 
     extends: 'select', 
     template: '<div><span editable-select="model[options.key]" e-ng-options="s.value as s.name for s in {{options.templateOptions.options}}" e-name="{{::id}}" e-placeholder="{{options.templateOptions.placeholder}}">{{ model[options.key] || "empty" }}</span></div>', 
     name: 'editableSelect' 
}); 

Refered xeditable