1
ng-book jsbin에있는 예제를 복제하려고합니다. 여기
내 plnkr는 app.js입니다
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.fields = [{placeholder: 'Email', isRequired: true},
{placeholder: 'Password', isRequired: true},
{placeholder: 'Comment(Optional)', isRequired: false}]
$scope.formSubmit = function(){
for (var i=0; i < $scope.fields.length; i++)
{ var obj = $scope.fields[i]
for (var key in obj){
if(obj.hasOwnProperty(key)){
alert(key + ' : ' + obj[key])
}
}
}
}
});
HTML
<html ng-app="plunker">
<head><script data-require="[email protected]" src="https://code.angularjs.org/1.2.22/angular.js" data-semver="1.2.22"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<form name='main_form' ng-submit='formSubmit()' novalidate>
<div ng-repeat="field in fields" ng-form="dynamic_form">
<input type='text'
name='dynamic_input'
ng-required='field.isRequired'
ng-model='field.name'
placeholder='{{field.placeholder}}'>
<div ng-show="dynamic_form.dynamic_input.$dirty && dynamic_form.dynamic_input.$invalid">
<span ng-show="dynamic_form.dynamic_input.$error.required"> This field is required.</span>
</div>
</div>
<button type='submit' ng-diabled="main_form.$pristine && main_form.$invalid">Submit All</button>
</form>
</body>
</html>
문제 내가 여기에 직면하고 있습니다 :
- 를 제출 '버튼을 를 비활성화되지 않습니다
- 필수 입력란에 오류가 표시되지 않습니다.
- 제출을 클릭하면 알림에 $ 해시 키가 표시됩니다. 왜 그런가요?
감사합니다.
다른 방법으로 유효성 검사를하는 또 다른 예를 보여줄 수 있습니까? –
물론입니다. 대부분 환영합니다. – Indyarocks