1

なぜ ng-model が ng-form で必要なのですか? それがないと正しく動作しません これは ng book の例です

<form name="forma" ng-submit="cliker()" ng-controller="myCtrl">
  <div ng-repeat="filed in fields" ng-form="ngforma">
        <input  type="text" 
                name="nameOfInput" 
                placeholder="{{filed.placeholder}}"
                ng-model="field.name"
                ng-required="filed.isRequired"/>
    <div ng-show="ngforma.nameOfInput.$dirty && ngforma.nameOfInput.$invalid">Error</div>
    </div>
<button type="submit" ng-disabled="forma.$invalid">Submit All</button>
</form>


</body>

<script>
    angular.module("APP", [])
        .controller("myCtrl", function($scope){
            $scope.fields = [
                {placeholder: "placeholder", isRequired: "true"},
                {placeholder: "placeholder", isRequired: "true"},
                {placeholder: "placeholder", isRequired: "false"}
            ],

            $scope.cliker = function(){
                alert("Yes")
            }

        })  
</script>

ng-model なしで動作しますが、ng-disabled は動作しません。ng-model の中にランダムなテキストを入れることもできるので、うまくいきます。

4

0 に答える 0