Angular Schema Forms

Question

我對Angular Schema形式是全新的，並且試圖創建一些形式來顯示在我的html頁面上。我想知道如何以及如何在this page中定義form content和schema content。我在哪些文件中放置這些代碼行，以及如何調用要在HTML頁面中顯示的表單？

表

[ 
    "name", 
    "email", 
    { 
    "key": "comment", 
    "type": "textarea", 
    "placeholder": "Make a comment" 
    }, 
    { 
    "type": "submit", 
    "style": "btn-info", 
    "title": "OK" 
    } 
] 

模式

{ 
    "type": "object", 
    "title": "Comment", 
    "properties": { 
    "name": { 
     "title": "Name", 
     "type": "string" 
    }, 
    "email": { 
     "title": "Email", 
     "type": "string", 
     "pattern": "^\\S+@\\S+$", 
     "description": "Email will be used for evil." 
    }, 
    "comment": { 
     "title": "Comment", 
     "type": "string", 
     "maxLength": 20, 
     "validationMessage": "Don't be greedy!" 
    } 
    }, 
    "required": [ 
    "name", 
    "email", 
    "comment" 
    ] 
} 

幫助在這方面有一些詳細的初級支持的準則將非常感激。

Answer 1

一種方法是在您選擇的控制器中提供架構和實例數據。

文檔wiki提供了一個basic example，您應該在其中獲得所有必要的信息。

控制器：

angular.module('myModule', ['schemaForm']) 
     .controller('FormController', function($scope) { 
    $scope.schema = { 
    type: "object", 
    properties: { 
     name: { type: "string", minLength: 2, title: "Name", description: "Name or alias" }, 
     title: { 
     type: "string", 
     enum: ['dr','jr','sir','mrs','mr','NaN','dj'] 
     } 
    } 
    }; 

    $scope.form = [ 
    "*", 
    { 
     type: "submit", 
     title: "Save" 
    } 
    ]; 

    $scope.model = {}; 
} 

模板：

<div ng-controller="FormController"> 
    <form sf-schema="schema" sf-form="form" sf-model="model"></form> 
</div>