Angular Formly ui-grid和columnDefs

Question

尝试添加ui-grid columnDefs。

http://jsbin.com/coqewo/edit?html,js,output

app.run(function(formlyConfig) {
  formlyConfig.setType({
    name: 'ui-grid',
    template: '<div ui-grid="{ data: model[options.key], columnDefs:[{name:name}, {name:abbr}] }" ui-grid-auto-resize ui-grid-pagination ui-grid-selection ui-grid-edit ui-grid-row-edit></div>',
    wrapper: ['bootstrapLabel', 'bootstrapHasError']
  });
});

我缺少什么，或者我应该在其他地方添加columnDefs？

Answer 1

https://gitter.im/formly-js/angular-formly#上的tuckerjt07回答了我的问题：

模板

template: '<div ui-grid="{ data: model[options.key], 
    columnDefs: to.columnDefs}" 
    ui-grid-auto-resize 
    ui-grid-pagination 
    ui-grid-selection 
    ui-grid-edit   
    ui-grid-row-edit</div>'

的Javascript

vm.fields = [
  {
    key: 'list',
    type: 'ui-grid',
    templateOptions: {
      label: 'Simple UI Grid',
      columnDefs: columnDefs
    }
  }
];

var columnDefs;
columnDefs = [
  {
    name: 'State',
    field: 'name'
  },
  {
    name: 'Abbr',
    field: 'abbr'
  }
];