Angularjs实例1
2016-01-09 15:39
525 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<input type="text" data-ng-model="lg" />
<br /><hr />
<p>The string length:{{lg.length}}</p>
</div>
</div>
<script src="jQuery/jquery-2.2.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) {$scope.lg="Hello Angular" })
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<input type="text" data-ng-model="lg" />
<br /><hr />
<p>The string length:{{lg.length}}</p>
</div>
</div>
<script src="jQuery/jquery-2.2.0.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) {$scope.lg="Hello Angular" })
</script>
</body>
</html>
相关文章推荐
- AngularJS结合RequireJS做文件合并压缩的那些坑
- 小心!AngularJS结合RequireJS做文件合并压缩的那些坑
- 深入理解 AngularJS 的 Scope
- AngularJS 学习笔记 (三)
- AngularJS学习笔记(二)
- AngularJS学习笔记(一)
- Angularjs全局Modal
- angularjs 遇到Error: [$injector:unpr] Unknown provider: tdpicnews-serviceProvider <- tdpicnews-service <- tdpic-controller 错误
- Angularjs全局警告框
- 混合式框架-AngularJS
- AngularJS学习资源
- AngularJs与Java Web服务器交互
- AngularJs与Java Web服务器交互
- AngularJS进阶(二十五)JS实现导入文件功能
- Angularjs多步表单
- 汇智慧网-Angular2
- Angularjs 页面切换动画(ui-view)
- Angular 从0到1 (一) 初识AngularJS
- 管理后台-前端-AngularJS
- angularjs页面切换动画(ui-view)