角度架构表单 - 自定义字段

时间:2016-01-14 07:07:07

标签: javascript angularjs angular-schema-form

我试图将新表单字段添加到angular schema form指令中。文档(https://github.com/Textalk/angular-schema-form/blob/master/docs/extending.md)表示使用如下所示的函数调用来执行此操作,

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

我是angularjs的新手,我不确定从哪里调用此功能。我尝试过不同的方法,但没有任何方法可行。有人可以提供一个jsfiddle来展示如何做到这一点,或给我一些提示..

提前致谢。

1 个答案:

答案 0 :(得分:1)

如示例中的链接所述(“来自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证明了这一点。