<!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-模拟登陆
2018-03-19
1100
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
7月前
|
移动开发
前端开发
JavaScript
AngularJS 技术深入解析
AngularJS 是一个流行的 JavaScript 框架，用于构建动态的单页面应用程序（SPA）。它提供了一种优雅而强大的方式来开发前端应用，具有出色的数据绑定、模块化和可扩展性等特性。本文将深入探讨 AngularJS 的一些关键技术。
65
0
0
|
8月前
|
JavaScript
前端开发
AngularJS学习（一）
@[TOC](目录)
### 1. 引入 AngularJS
要使用 AngularJS，您需要首先引入 angular.js 文件。这可以通过在 HTML 文件中使用<script>标签来实现：
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
```
### 2. 创建一个 AngularJS 应用
在 HTML 文件中，使用 ng-app 指令创建一个 AngularJS 应用。这个指令必须放在<html>标签内：
```ht
37
0
0
|
JavaScript
|
数据格式
JSON
JavaScript
【AngularJS】—— 5 表单
728
0
0
|
Web App开发
JavaScript
前端开发
怎么样快速学习AngularJS？
1376
0
0
|
JavaScript
前端开发
AngularJS的简单表单验证
1027
0
0
|
数据安全/隐私保护
angularjs 表单校验
1214
0
0
angularjs 自定义服务
920
0
0
|
Web App开发
API
AngularJS之WebAPi上传（十）
1138
0
0
|
HTML5
移动开发
AngularJS快速入门指南13：表单
1143
0
0
热门文章
最新文章
1
Mac安装并使用telnet命令操作
2
OSS回源的几种方式和应用场景
3
[剑指offer] 孩子们的游戏(圆圈中最后剩下的数)
4
网络安全系列之二十二 Windows用户账号加固
5
我理解的一个程序员如何学习前端开发
6
《社交网站界面设计（原书第2版）》——1.9 为设备之间的空间进行设计
7
《Microduino实战》——1.2 为什么要开源
8
.Net函数Math.Round你会用吗？
9
麻省理工大学新发明：暗黑WiFi透视技术
10
2014秋C++第19周 补充代码 哈希法的存储与查找
1
R语言关联规则模型(Apriori算法)挖掘杂货店的交易数据与交互可视化
25
2
R语言近似贝叶斯计算MCMC（ABC-MCMC）轨迹图和边缘图可视化
21
3
r语言中对LASSO回归，Ridge岭回归和弹性网络Elastic Net模型实现-4
29
4
Sentieon | 每周文献-Multi-omics-第四十一期
25
5
数据分享|R语言广义线性模型GLM：线性最小二乘、对数变换、泊松、二项式逻辑回归分析冰淇淋销售时间序列数据和模拟-2
16
6
数据分享|R语言广义线性模型GLM：线性最小二乘、对数变换、泊松、二项式逻辑回归分析冰淇淋销售时间序列数据和模拟-1
22
7
基于RT-Thread摄像头车牌图像采集系统
22
8
R语言极值理论：希尔HILL统计量尾部指数参数估计可视化
16
9
【视频】R语言中的分布滞后非线性模型（DLNM）与发病率，死亡率和空气污染示例
21
10
sql语句创建数据库
18