AngularJS 应用
AngularJS模块(Module)定义了AngularJS的应用。
AngularJS控制器(Controller)用于控制AngularJS应用。
ng-app指令定义了应用,ng-controller指令定义了控制器。
AngularJS实例:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
名:<input type="text"data-ng-model="firstname" /><br />
姓:<input type="text"data-ng-model="lastname" /><br />
<br />
姓名:{{firstname +" "+ lastname}};
</div>
<br />
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
//angularJS模块定义应用
var app = angular.module("myApp", []);
//angularJS控制器控制应用
app.controller("myCtrl",function($scope){
$scope.firstname="w";
$scope.lastname="wh";
})
</script>
</body>
</html>
最新文章
- 阿里云推送SDK在某些机型(某米为主)下崩溃问题的解决方法
- node08-express
- net发布的dll方法和类显示注释信息(字段说明信息)[图解]
- Gitblit-Git版本服务器环境部署
- MFC CWnd仿按钮
- Android font-awesome 4.2 icons png(包含holo-light和holo-dark)
- 【webpack学习笔记(一)】流行的前端模块化工具webpack初探
- jQuery / zepto ajax 全局默认设置
- Cocos2D在Xcode7和iOS 9.2上IMP调用出错
- Dockerfile制作自定义镜像
- 第一册:lesson 11.
- Substr与mb_substr区别
- Java面试知识点
- mybatis拦截器获取sql
- Linux(CentOS)上配置 SFTP(附解决Write failed: Broken pipe Couldn&#39;t read packet: Connection reset by peer)
- shell脚本中的数据传递方式
- root用户登录mysql后新建用户提示1045错误
- 《高性能MySQL》学习笔记
- centos7上使用locate命令
- 使用 DocFX 生成 .Net/Unity项目文档