我是 AngularJs 的新手,我的代码有问题。
目前我的 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
有人可以帮我解决这个问题吗?
非常感谢你的回答!