发表于: 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文件中使用,还有地址跳转出现了问题,准备今天改完


返回列表 返回列表
评论

    分享到