javascript - Angular 架构表单-自定义字段

我正在尝试将新的表单字段添加到角度架构表单指令中。文档（https://github.com/Textalk/angular-schema-form/blob/master/docs/extending.md）表示要使用如下所示的函数调用来做到这一点，

 schemaFormDecoratorsProvider.addMapping(
  'bootstrapDecorator',
  'datepicker',
  'directives/decorators/bootstrap/datepicker/datepicker.html'
);

我是angularjs的新手，不确定从哪里调用此函数。我尝试了不同的方法，但没有任何效果。有人可以提供jsfiddle来演示如何执行此操作，或者给我一些提示。

提前致谢。

最佳答案

如示例中的链接所述（“来自datepicker add-on的示例”），您需要添加以下config（）块：

angular.module('schemaForm').config(
['schemaFormProvider', 'schemaFormDecoratorsProvider', 'sfPathProvider',
  function(schemaFormProvider,  schemaFormDecoratorsProvider, sfPathProvider) {

    // Use schemaFormProvider,  schemaFormDecoratorsProvider, sfPathProvider here
    // to configure the custom field
  }
]);

可以将其添加到应用代码的顶层，如下所示：

angular.module('schemaForm').config(...)

var app = angular.module("test", ["schemaForm"]);

app.controller("FormController", function ($scope) {
    $scope.schema = { ... }
    ...
});

更新：here is a jsfiddle演示了这一点。