簡體   English   中英

AngularJS顯示並驗證從JSON歸檔的表單

[英]Angularjs display and validate a form filed from a json

我想顯示一個包含驗證和提交按鈕的表單。

我是Angular的新手,我不確定如何入門。 -我想知道要使用什么控制器的方法或可能的初步指示。 JS:

myApp.controller('jsonCtrl', function($scope, $http) {
    $http.get('form.json').success(function(result) {

});

HTML:

    <form  ng-controller="jsonCtrl">
        <fieldset>
            <div demo-directive ng-repeat="field in fields">
            </div>
        </fieldset>
    </form>

Plunker

我想顯示一個包含驗證和提交按鈕的表單。

您只需要為此編寫簡單的HTML

現在,當我對Angular感到陌生時,我對此表示歉意,我希望獲得關於該使用什么控制器的方法或可能的初步指示。

通常,人們將特定的部分綁定到特定的控制器,顯然,您會遇到這種情況。

在控制器中,您將有兩種方法可以解決提交和驗證按鈕的問題。

<my-form>
    <form ng-submit="submitForm()" novalidate>
        <fieldset>
            <div my-directive ng-repeat="field in fields">
            </div>
        </fieldset>
<button type = "button" ng-click="onValidate(); return false;"> Validate</button>
<button type="submit"> Submit </button>
    </form>
</my-form>

現在,上面所寫代碼的父級並鏈接到特定控制器的主div或主體等將具有兩個函數來處理onValidate()onValidate() submitForm()

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM