각도 스키마 폼

Question

저는 앵귤러 스키마 폼을 처음 접했고 HTML 페이지에 표시 할 폼을 만들려고합니다. 나는 form content과 schema content을 어디에 어떻게 배치해야하는지 알고 싶습니다. this page에 정의되어 있습니다. 어떤 종류의 파일에이 코드 행을 배치하고 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

한 가지 방법은 원하는 컨트롤러에 스키마와 인스턴스 데이터를 제공하는 것입니다.

문서 위키는 필요한 정보를 모두 얻을 수있는 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>