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

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

模板

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