美文网首页
AngularJS核心思想

AngularJS核心思想

作者: 造轮子的蜗牛 | 来源:发表于2017-07-08 12:47 被阅读0次

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核心思想

    1.干什么 重复劳动——获取、事件、创建接管 UI 2.好在哪儿 自动同步 a.节约精力——放在更重要的事情上b....

  • AngularJS入门案例

    AngularJS入门 ​ AngularJS核心的特性就是:MVC模式、模块化、双向绑定、依赖注入等特性。利...

  • angularjs的优缺点,核心思想,指令

    优点: 1. 模板功能强大丰富,并且是声明式的,自带了丰富的Angular指令; 2. 是一个比较完善的前端MV*...

  • AngularJS核心概念

    1.MVC思想2.依赖注入DI3.数据绑定4.模块化Modules5.服务Service6.过滤器Filter7....

  • AngularJS学习笔记

    1、什么是angularjs AngularJS是一个框架(诸多类库的集合)以数据和逻辑做为驱动(核心)。 Ang...

  • 纯React实现轮播效果组件

    最近在看React的文章,发现React和AngularJS思想完全不同,AngularJS是基于双向绑定,在Mo...

  • AngularJS XMLHttpRequest

    $http是AngularJS中的一个核心服务,用于读取远程服务器的数据。 AngularJS 模块 模块定义了一...

  • AngularJS的模块及核心模块组件

    AngularJS有很多模块,如核心的ng模块,ngRoute,ngAnaminate,ngMessage等等。 ...

  • AngularJs基础

    AngularJs核心特性 MVVM 双向数据绑定(Model-View-ViewModel)model变化,...

  • AngularJs 概述

    AngularJs框架的核心概念: MVC架构模式(Model-View-Controller) 模型(Model...

网友评论

      本文标题:AngularJS核心思想

      本文链接:https://www.haomeiwen.com/subject/vhpdhxtx.html