Angular Schema Forms

Question

Ich bin völlig neu in Angular Schema Forms und versuche, einige Formulare damit auf meinen HTML-Seiten anzuzeigen. Ich würde gerne wissen, wie und wo die form content und die schema content wie in this page definiert zu platzieren. In welche Art von Dateien stelle ich diese Codezeilen und wie kann ich das Formular aufrufen, das in meinen HTML-Seiten angezeigt wird?

Formular

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

Schema

{ 
    "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" 
    ] 
} 

Hilfe in dieser Hinsicht mit einigen detaillierten Förderrichtlinien Anfänger sehr geschätzt wird.

Answer 1

Eine Möglichkeit besteht darin, das Schema und die Instanzdaten in einem Controller Ihrer Wahl bereitzustellen.

Die Dokumentation Wiki bietet eine basic example, wo Sie alle notwendigen Informationen erhalten sollten.

Controller:

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 = {}; 
} 

Vorlage:

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