Angularjs显示并验证从json提交的表单

时间:2017-01-16 12:34:50

标签: javascript angularjs 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

1 个答案:

答案 0 :(得分:0)

我想显示一个包含验证和提交按钮的表单。

您只需要为此

编写简单的HTML

现在,因为我是Angular的新人,我为此道歉,我想知道该怎么做或可能是一些初步指示,使用什么控制器

通常人们将特定部分绑定到特定控制器,显然情况就是如此。

在控制器中,您将有两种方法可用于提交和验证按钮。

Map<A, String>

现在,作为上面编写的代码的父级并且链接到特定控制器的主div或body等将具有两个函数来寻址<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> &amp; onValidate()