javascript - Angular Schema 表单 - 自定义字段

Question

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

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

我是 angularjs 的新手，我不确定从哪里调用这个函数。我尝试了不同的方法，但没有任何效果。有人可以提供一个jsfiddle来展示如何做到这一点，或者给我一些提示..

提前致谢。

Answer 1

正如示例中的链接所述（“Ex. from the 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 = { ... }
    ...
});

更新：这是一个 jsfiddle演示了这一点。