AngularJs 4大核心

转载 2016年08月30日 11:16:09

AngularJs 4大核心
放弃了IE8,

4大核心:

(1)MVC:

数据模型,视图层,业务逻辑和控制模式(控制器),

为何MVC不是设计模式呢?(23种设计模式里没有MVC,MVC模式的目的就是实现Web系统的职能分工,超越了设计模式,是一种架构模式)。

(2)模块化:
标签:

<html ng-app="myApp"></html>

angularjs是以模块化开始的,取代全局函数的使用。

代码:

var myModule = angular.module("myApp",[]); 

myModule.controller("helloWord",['$scope',

   function Hello($scope) {

        }

]);

(3)指令系统:

标签:

<hello></hello>

代码:

var myModule = angular.module("MyModule",[]); 

myModule.directive("hello", function() {

  return {

    restrict: 'E',(  元素 (E)、属性(A,默认)、类 (C),甚至是注释 (M)  )

    template: '<div>Hi everyone!</div>',

    replace: true
  }

});

生成页面标签:

<div>Hi everyone!</div> 

(4)双向数据绑定:

ng-module实现了双向数据绑定。

为什么其他前端框架不实现双向数据绑定呢?(不利于控制数据源)
绝大部分操作只需要单向绑定就能实现,双向绑定在一定程度上不利于管理数据源
单向数据绑定:指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。

单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉,再重新把新的数据和模板一起整合后插入到文档流中。

双向数据绑定:数据模型(Module)和视图(View)之间的双向绑定。
用户在视图上的修改会自动同步到数据模型中去,同样的,如果数据模型中的值发生了变化,也会立刻同步到视图中去。

双向数据绑定的优点是无需进行和单向数据绑定的那些CRUD(Create,Retrieve,Update,Delete)操作

双向数据绑定最经常的应用场景就是表单了,这样当用户在前端页面完成输入后,不用任何操作,我们就已经拿到了用户的数据存放到数据模型中了。

目前。实现双向数据绑定的前端框架主要有AngularJS,VueJS等

相关文章推荐

angularJs 4大核心特性+事例

1.MVCM:model 数据模型层 V:view 视图层,负责展示 C:controller 业务逻辑和控制逻辑 好处:职责清晰,代码模块化2.模块化代码事例: ng1.html ...

AngularJS四大核心特性

一、MVC 指Model View Controller 二、模块化和依赖注入 模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。我们在单独的js文件中定义的模块,并将其命名为按照...

AngularJS系列:5、核心概览

AngularJS核心概念预览,启动、执行期、作用域、控制器、模型、视图、指令、过滤器、注入器、模块、$,这些名字概念介绍...
  • lxhjh
  • lxhjh
  • 2016年01月26日 15:51
  • 857

angularjs入门学习一【核心理念】

【AngularJS】——核心特性之指令の执行机制

上篇文章《【AngularJS】——核心特性之指令》简单的介绍了一下指令的类型和简单应用。那么,指令具体是怎么运行的呢?让我们来一起揭开指令的神秘面纱。       我们知道,指令的本质其实是一个...

AngularJS 核心概览

概览 这篇文档描述了AngularJS的主要组成部分,以及它们如何协同工作。它们是: 启动(startup) - 展示“hello world!”执行期(runtime) - Angula...

【AngularJS】——核心特性之指令

在前两篇文章中介绍了AngularJS三大特性:MVC框架、模块化和依赖注入以及路由机制,今天小编介绍一下AngularJS的另一大特性:指令。       我们都知道,AngularJS通过指令...

angularJS中的核心服务深入理解

服务       -->       name:{{name}}         age:{{age}}         love:{{love}}         money:{{...

关于AngularJS学习整理---核心特性

接触、学习AngularJS已经三个多月了,随着学习的深入,有些东西刚开始不明白,现在开始慢慢明白起来。于是,开始整理这几个月的学习成果。要不又要忘了。。。    初学Angular,是看到慕课网大...

AngularJs核心概览

一、启动 1.浏览器载入HTML,然后把它解析成DOM。 2.浏览器载入angular.js脚本。 3.AngularJS等到DOMContentLoaded事件触发。 4.AngularJS寻找ng...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AngularJs 4大核心
举报原因:
原因补充:

(最多只允许输入30个字)