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

Angular Schema Form - Custom Field

本文关键字：自定义 字段 表单      更新时间：2023-09-26

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

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

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

提前谢谢。

正如示例中的链接所述（"例如来自日期选择器附加组件"），您需要添加以下 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。

相关文章：