AngularJS 初识笔记
2024-10-17 12:34:29
test.html:
<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div ng-controller="HelloAngular">
<p>{{greeting.text}},Angular</p>
</div>
</body>
<script src="http://cdn.bootcss.com/angular.js/1.0.3/angular.min.js"></script>
<script src="HelloAngular.js"></script>
</html>
ng-app 表示:告诉 Angular 引擎从这里开始是它应该管理的内容
ng-controller:设置控制器 Controller
其中:
<div ng-controller="HelloAngular">
<p>{{greeting.text}},Angular</p>
</div>
是视图
HelloAngular.js:
function HelloAngular($scope){
$scope.greeting = {text:'Hello'};
}
其中:
HelloAngular
是控制器,
$scope.greeting = {text:'Hello'};
是 数据模型。
$scope 充当 MVC 中的Data-Model 的角色,它是一个 POJO( Plain Old Javascript Object ),它提供了一些工具方法 $watch()/$apply(),它是表达式的执行环境(或者说是 作用域),它是一个树型结构,与 DOM 标签平行,子 $scope 对象会继承 $scope 上的属性,每一个 Angular 应用只有一个根 $scope 对象(一般位于 ng-app 上),$scope 可以传播事件,类似 DOM 事件,可以向上也可以向下。
Angular 会自动使用 $injector 自动注入 $scope 对象
输出:
Hello,Angular
最新文章
- Java容器之旅:容器基础知识总结
- A little problem for pt-pmp
- jcmd命令使用
- 使用eclipse的快捷键自动生成的map或者reduce函数的参数中:“org.apache.hadoop.mapreduce.Reducer.Context context”
- Windows命令大全
- UVa 1395 (最小生成树) Slim Span
- SQL Server 中添加用户
- jbpm系列之五--使用decision节点判断分支情况
- Python lambda 表达式有何用处,如何使用?
- 什么是git?window下安装git
- cocos2dx-3.0(14)------SpriteBatchNode与SpriteFrameCache加快渲染
- 2017-2018-1 我爱学Java 第三周 作业
- knative
- 火狐浏览器无故卡死,未响应或者占大量cpu资源解决方案
- dubbo请求报文实例
- VIP之Switch
- [转]xargs命令详解,xargs与管道的区别
- 230. 二叉搜索树中第K小的元素
- Shiro在Spring session管理
- 【Android】隐藏底部虚拟按键