Select Angular xeditable 和 Angular Formly 中的选项

Question

我不知道如何在 angular Formly 中给出 xeditable 的 e-ng-options。

这是正式的配置：

     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'
        });

这是 select 值：

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

请看JSBIN

Answer 1

我刚刚弄明白了。

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'
});

引用 xeditable

Select Angular xeditable 和 Angular Formly 中的选项

Select option in Angular xeditable and Angular Formly

angularjs

x-editable

angular-formly