我正在使用angular-schema-form在UI中显示我的json数据,按预期可以正常工作。 https://github.com/json-schema-form/angular-schema-form
我想要为页面进行材质设计,所以我使用了角模式形成材料装饰器。 https://github.com/json-schema-form/angular-schema-form-material
示例代码: app.js:
require("angular-schema-form")
require("angular-schema-form-material")
require('angular-messages')
require('angular-material')
require('angular-ui-ace')
require('tv4')
require('angular-material/angular-material.css')
var app = angular.module('myApp', [
"schemaForm",'ngMessages', 'ngMaterial', 'ui.ace' ])
controller.js
var signalSchema = { /* Actual schema definition */};
var signalForm = ['*'];
var signalData = {/* Actual json data from DB */ };
index.html
<form name="signalsForm " layout="column" class="canOverviewSignals " sf-schema="signalSchema"
sf-form="signalForm " sf-model="signalData" sf-options="{validateOnRender: true} ">
</form>
正确呈现了表单,并且在没有材料装饰的情况下显示了验证消息。但是在包含装饰器时,不会显示验证消息。例如,当未输入'required'值时,如果包含装饰器,则不会显示错误消息'field is required'。在浏览器控制台中显示以下错误消息。