なぜ 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 の中にランダムなテキストを入れることもできるので、うまくいきます。