1
我是AngularJs中的新成員，並且遇到了我的代碼問題。AngularJs Wizard Validation Inputfield找不到範圍
目前我的HTML看起來像：
<div class="wizardContainer">
<wizard on-finish="finishedWizard()">
<wz-step title="1">
<h1>Question 1</h1>
<p>How old are you?</p>
<form name="age_form" novalidate ng-submit="signupForm()">
<fieldset>
<input type="text" name="age" ng-model="user.age"
ng-minlength=1 required>
<div class="error-container"
ng-show="age_form.age.$invalid && age_form.submitted">
<small class="error"
ng-show="age_form.age.$error.required">
Please fill in the field
</small>
<small class="error"
ng-show="age_form.age.$error.minlength">
Please fill in mininum 1 number
</small>
</div>
<button type="submit" class="btn btn-default full-width">go on</span></button>
</fieldset>
</form>
</wz-step>
<wz-step title="2">
<h1>Question 2</h1>
<p>How are you?</p>
</wz-step>
</wizard>
和我的控制器看起來像：
angular.module('ngBoilerplate.about', [
'ui.router',
'placeholders',
'ui.bootstrap',
'mgo-angular-wizard'
])
.config(function config($stateProvider) {
$stateProvider.state('about', {
url: '/about',
views: {
"main": {
controller: 'AboutCtrl',
templateUrl: 'about/about.tpl.html'
}
},
data: { pageTitle: 'What is It?' }
});
})
.controller('AboutCtrl', function AboutCtrl($scope) {
$scope.user = {};
$scope.submitted = false;
$scope.signupForm = function() {
if ($scope.age_form.$valid) {
window.location="#/about";
} else {
$scope.age_form.submitted = true;
}
};
});
如果我在嚮導的第一步提交按鈕點擊我在控制檯中收到錯誤消息：$ scope.age_form is undefined
有人可以幫我解決這個問題嗎？
非常感謝您的回答！