AngularJS核心思想

1.干什么

重复劳动——获取、事件、创建
接管 UI

2.好在哪儿

自动同步

a.节约精力——放在更重要的事情上
b.规范整体开发

3.限制’

官网
https://angularjs.org/
库:人在用库
方便程序员

框架:框架在用人
限制程序员


MVC:
M-Model 模型-数据
V-View 视图-表现层
C-controller 控制器-逻辑处理/业务逻辑

数据、表现分离


AngularJS是MVC框架
1.一切都是数据
2.是个“框架’’


AngularJS三要素:
1.ng-model:数据从哪来
2.ng-bind:数据到哪去
3.ng-app:那块归angular管


模板
Angular和原生JS 不互通——两套


原生JS部分东西 angular 用不了

数据多了就不行了

controller

MVC:

M——ng-model
V——{{}}
C——controller


controller:
1.桥梁
2.业务逻辑

ng-app主要用来引入angular这个模块
说到模块首先要定义,然后在引用。
var mod=angular.module('');
模块取个名字main_mod;
定义模块
var mod=angular.module('main_mod',[依赖于什么模块 ]);
引用模块
ng-app="main_module"
ng-app这里面所有的东西归这个模块管
往模块里添加东西。
scope:范围 作用域
mod.controller('control1',function($scope){
//controller 代码都放这里
// $scope——所有angular数据都在scope身上
$scope.a=12
$scope.parseInt= function(n){
return parseInt(n);
};
});
ng-controller="control1"
{{parseInt(a)+parseInt(b)}} 生效


双向绑定?
双向-可进可出
输入框——既可以输入,又可以输出
*所有的数据是双向的
数据 <-> UI

依赖注入?
把依赖项注入进去
函数:函数的参数由定义的人决定的?还是调用的人决定的?
正常函数的参数是由调用的人决定的。
“依赖反转”
angular里函数要什么参数就有什么参数。
是由定义的函数来决定的。好处在于用什么请求什么。
mod.controller('control1',function($scope,$http){
alert(arguments.length)
//结果是2
});

你可能感兴趣的:(AngularJS核心思想)