AngularJs-04-模拟登陆-阿里云开发者社区

AngularJs-04-模拟登陆

2018-03-19 1119

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

<!DOCTYPE html>
<html lang="zh" ng-app="myapp">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script src="../bower_components/angular/angular.js" type="text/javascript" charset="utf-8"></script>
    <title>AngularJs-模拟登陆</title>
</head>
<body>
    <form action="" id="loginForm" ng-controller="loginController">
        <p>用户名：<input type="text" ng-model="username" /></p>
        <p>密码：<input type="text" ng-model="password" /></p>
        <p><input type="button" ng-click="login($event)" value="登陆" /></p>
    </form>
    
    <script type="text/javascript">
        var app = angular.module("myapp",[]);
        
        app.controller("loginController",function($scope){
            $scope.username = "bilaisheng";
            $scope.password = "123456";
            $scope.login = function(e){
                var btndom = e.target;
                
                btndom.value = "登陆用户";
                
                var username = $scope.username;
                var password = $scope.password;
                
                if (username == "bilaisheng" && password == "123456") {
                     alert("登陆成功");
                } else{
                    alert("登陆失败");
                }
            };
        });
    </script>
</body>
</html>

AngularJs-04-模拟登陆

热门文章

最新文章

相关课程

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

AngularJs-04-模拟登陆

热门文章

最新文章

相关课程

相关电子书