我可以将控制器注入到这个 Formly 选择框对象中吗？

Question

我正在使用 Angular Formly 库生成表单。该库允许您使用 JSON 个对象构建表单。我正在开发一个动态的父子下拉菜单：

http://jsbin.com/fiqubibawi/edit?js,output

vm.formFields 数组包含几个描述输入字段构建方式的对象。这些对象中的每一个都包含一个 controller 对象。这正是它听起来的样子：一个 Angular 控制器。这是一个示例对象：

{
    key: 'sport',
    type: 'select',
    templateOptions: {
      label: 'Sport',
      options: [],
      valueProp: 'id',
      labelProp: 'name',
    },
    controller: /* @ngInject */ function($scope, DataService) {
      $scope.to.loading = DataService.sports().then(function(response){
        $scope.to.options = response;
        return response;
      });

    }
  }

我的问题：我在服务器端生成这些对象 (ASP.NET)，然后使用 JSON 将它们发送到浏览器。这意味着我无法将控制器功能添加到该对象。我想要的是：

{
    key: 'sport',
    type: 'select',
    templateOptions: {
      label: 'Sport',
      options: [],
      valueProp: 'id',
      labelProp: 'name',
    },
    controller: ['MyCoolController']      
    }
  }

在 Angular 或其他一些肮脏的 JavaScript hack 中有什么方法可以让这段代码工作吗？它是一个字符串，因为 JSON 规范不允许通过网络发送函数。

Answer 1

幸运的是，您可以使用 Angular 的依赖注入。

只需声明一个新的控制器

app.controller('TestController', function($scope, DataService) {
  $scope.to.loading = DataService.sports().then(function(response){
    $scope.to.options = response;
      return response;
  });
});

然后您可以使用名称 'TestController' 进行注入（我已经更新了您的 jsbin 以反映这一点）

vm.formFields = [{
  key: 'sport',
  type: 'select',
  templateOptions: {
    label: 'Sport',
    options: [],
    valueProp: 'id',
    labelProp: 'name',
  },
  controller: 'TestController'
}, 
...
];

我可以将控制器注入到这个 Formly 选择框对象中吗？

Can I inject a controller into this Formly selectbox object?

javascript

angularjs

angular-formly