发表于: 2017-07-24 22:05:47
1 692
今天主要进行的部分是给任务10的内容完善一下
之前的问题是很多地方写的还是jquery的方式,改成了angularjs的方式
首先是表单验证和双向绑定的部分
<input name="username" ng-model="params.name" type="text" placeholder="请输入账号" min="5" max="20" required>
<input name="psw" ng-model="params.pwd" type="text" placeholder="请输入密码" min="4" max="10" required>
接下来通过初始化参数和$http传参
$scope.params={};
$scope.getInside = function () {
$http({
method: "post",
url: "/a/login",
params: $scope.params
}).then (function success(response) {
if (response.data.code == 0) {
$state.go('home.welcome');
} //else {
// angular.element("#error2").text("账号或密码错误");
//}
}, function error(response) {
alert("连接出错")
});
}
然后就是ng-show的问题
<span ng-show="(loginForm.username.$invalid && loginForm.username.$touched) ||
(loginForm.psw.$invalid && loginForm.psw.$touched)">账号或密码错误</span>
还有登录页面的表单验证
<button type="button" ng-click="getInside()" ng-disabled="loginForm.username.$invalid || loginForm.psw.$invalid">登录</button>
还拆分了过滤器和ng-option
现在的问题是var app全局变量不能在所有的js文件中使用,还有地址跳转出现了问题,准备今天改完
评论