1. MVC
MVC Model View Controller 模型-视图-控制器 设计模式
模型 - 负责数据、视图 - 负责展示UI界面、控制器 - 负责业务逻辑
2. Angular优点
可复用、代码简洁、可使用第三方库,如 jQuery
3. 模块化
包括:控制器、服务、指令
ng-app="myModule" // 初始化模块
4. 定义模块
angular.module("myModule",[]); // [] 依赖模块名称列表
5. 定义控制器
通过控制器定义的变量可以在视图访问到
<!DOCTYPE html>
<html ng-app="myModule">
<head>
<meta charset = "utf-8">
<script src="js/angular.js"></script>
</head>
<body>
<div ng-controller="myCtrlA">
<p>{{wordsA}}</p>
</div>
<div ng-controller="ctrlB as myCtrlB">
<p>{{myCtrlB.wordsB}}</p>
</div>
<script>
angular.module("myModule",[])
.controller("myCtrlA",['$scope',function($scope){
$scope.wordsA = "hello world";
}])
.controller("ctrlB",[function(){
this.wordsB = "wryyyyyy";
}]);
// (控制器名,[依赖的模块列表,控制函数])
// ng-controller="控制器名 as 别名"
</script>
</body>
</html>
来源:https://www.cnblogs.com/Isabel-1996/p/12408872.html