AngularJs>AngularJs进阶>在$scope中变量和方法的使用

jike_0119851 AngularJS 进阶 最后由 ProgramCat 于2016年04月05日回复

  • 1 回答
  • 1k 浏览

按照视频中的代码,显示的和视频中的不一样,绑定不成功

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="foundation.css">

</head>

<body style="padding: 10px;" ng-app="app">

    <div ng-controller="MyCtrl">

        <input type="text" ng-model="user.uname">

        <input type="text" ng-model="user.pwd">

        <div class="button" ng-click="login()">登录</div>

        <div ng-show="errormsg.length>0" class="alert-box">{{errormsg}}</div>

    </div>

</body>

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>

<script src="myctr.js"></script>

</html>

myctr.js

angular.module("app",[])

.controller("MyCtrl",function($scope){

    $scope.msg="";

    $scope.user={uname:"",pwd:""};

    $scope.errormsg="";

    $scope.login=function(){

        if($scope.user.uname=="admin"&&$scope.user.pwd=="123"){

            alert("登陆成功");

        }else{

            $scope.errormsg="用户名或密码错误";

        }

    }

})


  • ProgramCat 2016年04月05日 回答 #1楼
  • 看一下控制台是否报错了,直接看代码我好像也没发现你的代码哪里有问题。

  • 0 评论