在Angular 1中,如果表单验证错误未显示,可能是由于以下原因:
例如,如果在控制器中有一个名为"myForm"的表单对象,那么HTML模板中应该有一个名为"myForm"的表单元素,并且它们应该是相互关联的。
控制器代码示例:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.myForm = {}; // 表单对象
});
HTML模板代码示例:
确保ng-model指令绑定到了正确的表单字段。如果绑定不正确,表单验证错误将不会被正确显示。
HTML模板代码示例:
在提交表单之前,需要调用表单对象的$setSubmitted()方法,以便将表单标记为已提交。这将触发表单验证并显示错误消息。
控制器代码示例:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.myForm = {}; // 表单对象
$scope.submitForm = function() {
if ($scope.myForm.$valid) {
// 处理表单提交
} else {
$scope.myForm.$setSubmitted(); // 标记表单为已提交
}
};
});
HTML模板代码示例:
通过检查以上几个方面,应该能够解决Angular 1中表单验证错误未显示的问题。
上一篇:Angular 1 - routeProvider在html5Mode下不起作用
下一篇:Angular 1 ui-router 1.0.24: 在不重新加载控制器的情况下以编程方式更改URL,保留历史记录和手动URL更改。