AngularJS 历经实例
2015-12-12 22:04
591 查看
<!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.0" />
<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=""><!--data-ng-app指令定义了一个AngularJS应用程序。-->
<p>在输入框中输入试一下:</p>
<input type="text" size="30" maxlength="26" data-ng-model="name" /><!--data-ng-model指令把元素的数值(输入框的值)绑定到AngularJS应用程序。-->
<p class="featurette-heading" data-ng-bind="name"></p><!--data-ng-bind指令把应用程序数据绑定到P元素-->
</div>
</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>
</body>
</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.0" />
<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=""><!--data-ng-app指令定义了一个AngularJS应用程序。-->
<p>在输入框中输入试一下:</p>
<input type="text" size="30" maxlength="26" data-ng-model="name" /><!--data-ng-model指令把元素的数值(输入框的值)绑定到AngularJS应用程序。-->
<p class="featurette-heading" data-ng-bind="name"></p><!--data-ng-bind指令把应用程序数据绑定到P元素-->
</div>
</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>
</body>
</html>
相关文章推荐
- AngularJs实战(三)
- angular_directive的controllerAs
- AngularJS的orderBy和track by的同时使用问题
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
- 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
- AngularJS
- 玩转 AngularJS 的 Promise
- Angularjs 实现页面遮罩层功能
- Angularjs 分页控件
- angular中的$q服务实例
- angular file upload 队列上传机制
- Angularjs 通过directive实现验证两次输入是否一致的功能
- AngularJS 之 Factory vs Service vs Provider
- 深入理解 AngularJS 的 Scope
- AngularJs学习笔记--Scope
- Angular2组件开发—模板语法(六)
- angularJS方法
- AngularJS---Unknown provider: $routeProvider
- Angular2组件开发—模板语法(五)
- Angular控制器之间的数据通信