Google AnguarJS是一个JS框架，适用于以数据的CRUD操作为主的SPA应用。

四大特性：

(1)MVC模型

Model：模型，即数据=>JS中的变量

View：视图，即数据的呈现=>HTML

Controller：控制器，负责操作数据=>JS Fn

(2)双向数据绑定

(3)依赖注入(DI)

(4)模块化编程

1.AngularJS中的指令（directive）

(1)ngApp         <ANY ng-app>

(2)ngInit                <ANY ng-init="名=值; 名=值;">

(3)ngRepeat：循环输出当前标签

用法：        <ANY ng-repeat="value in 数组变量名">

<ANY ng-repeat="(key, value) in 数组变量名">

类似于JS中的

for(var k in empList){ console.log(empList[k]); }

但for..in..遍历的是元素的下标，而ngRepeat遍历的是元素本身。

(4)ngIf： 只有表达式值为true时，当前元素才显示；否则当前元素会从DOM树中删除

用法：<ANY ng-if="布尔表达式">

(5)ngBind：用于输出一个表达式的值为当前元素的innerHTML，作用与{{表达式}}基本一样，可以防止闪动问题。

用法： <ANY ng-bind="表达式"></ANY>

(6)ngController： 创建一个控制器对象

用法：<ANY ng-controllerl="控制器函数名">

(7)ngValue：将一个模型变量绑定到View（表单输入域）

用法： <input ng-value="表达式">

2.AngularJS中的表达式(expression)

语法： {{ 表达式 }}

3.AngularJS中的MVC模型：

Model： 模型数据，即变量

View：数据展示，即HTML

Controller：创建/修改/删除模型数据，即JS函数

声明模型数据的两种方式：

(1) ngInit指令声明——把Model掺杂在View中——不推荐使用

(2) 使用控制器声明模型数据——把Model与View分离——推荐使用

声明模型数据 <= 声明控制器 <= 声明模块(module)

使用控制器来声明模型数据的步骤：

(1)使用angular.module()函数创建一个模块，并使用ngApp指令确定其作用范围

(2)在模块中使用.controller()函数声明一个控制器函数，并使用ngController指令在HTML中创建该控制器的对象

(3)在控制器中使用$scope对象声明模型数据

angular.module( '模块名', [ ] )

.controller( '控制器名', function( $scope ){

$scope.模型数据名 = 值 ;

} );

<html ng-app="模块名">

<div ng-controller="控制器名">

{{ 模型数据名 }}

</div>

</html>

易悦（深圳）科技有限公司

让快乐更简单

微信：EJoyYOJOY

微博：http://weibo.com/EJoyYOJOY

官网：http://www.ejoytec.com/

AngularJS四大特性的更多相关文章

  1. AngularJS 四大特性

    1.模块化 2.双向数据绑定 3.依赖注入 4.mvc模式

  2. AngularJs学习笔记2——四大特性之MVC

    angularJs的四大特性 ①.采用MVC的设计模式 ②.双向数据绑定 ③.依赖注入 ④.模块化设计 现在细说一下MVC的设计模式: MVC: Model(模型)--项目中的数据 View(视图)- ...

  3. AngularJS核心特性（四大点）

    本人刚刚接触AngularJS,还不太熟悉,就说说我目前遇到的一些注意点吧. 1.调用外来文件script文件 AngularJS核心特性一  MVC MVC设计模式 html文件 <!DOCT ...

  4. MySQL之事务的四大特性

    事务就是一组原子性的SQL查询,或者说一个独立的工作单元.如果数据库引擎能够成功地对数据应用该组查询的全部语句,那么久执行该组查询.如果其中任何一条语句因为崩溃或其他原因无法执行,那么所有语句都不会执 ...

  5. 前端CSS的工程化——掌握Sass这四大特性就够了

    初遇 CSS,一见倾心 记得刚遇见css的时候,咱像是见了美人儿一样,简直是爱不释手啊,简简单单写几行算不上代码的代码,就能做出这么漂亮的东西,这也成了咱前端之路的最初动力. 然而,随着项目体量和页面 ...

  6. mysql进阶(二十三)数据库事务四大特性

    数据库事务四大特性       原子性.一致性.分离性.持久性 原子性  事务的原子性指的是,事务中包含的程序作为数据库的逻辑工作单位,它所做的对数据修改操作要么全部执行,要么完全不执行.这种特性称为 ...

  7. 事务的四大特性(ACID):

    事务的四大特性(ACID):    1.原子性(Atomicity): 事务中所有操作是不可再分割的原子单元.事务中所有操作要么都执行成功,要么都执行失败. 2.一致性(Consistency): 事 ...

  8. 数据库事务的四大特性以及事务的隔离级别(mysql)

      本篇讲诉数据库中事务的四大特性(ACID),并且将会详细地说明事务的隔离级别. 如果一个数据库声称支持事务的操作,那么该数据库必须要具备以下四个特性: ⑴ 原子性(Atomicity) 原子性是指 ...

  9. maven安装和四大特性

    一．安装配置maven 官网下载:http://maven.apache.org/download.html 1:解压后放在一个固定的位置 2:配置环境变量,具体如下 新建系统环境变量:MAVEN_H ...

随机推荐

  1. 使用python的redis 实现消息的pub/sub功能

    直接上代码: 首先需要明确的是,客户端向服务端去发送消息,服务端只需要订阅是哪些各频道即可,然后客户端向这些个频道发送消息 在客户端的代码: #!/usr/bin/env python #coding ...

  2. HTTP权威协议笔记-4.连接管理

    4.1 TCP连接 TCP为HTTP提供了一条可靠的比特传输管道,按顺序正确的传输,步骤如下: 浏览器解析主机名. 查询这个主机名的IP地址(DNS) 获得端口号. 浏览器对服务器该端口号发起连接. ...

  3. VLAN 间路由的几种方法

    方法一:给每个VLAN去分配一个路由器的物理连接第一步,PC设置IP地址和网关192.168.2.2/24 网关是192.168.2.1192.168.3.2/24 网关是192.168.3.1第二步 ...

  4. [Tomcat 源码分析系列] (一) : Tomcat 启动脚本-startup.bat

    概述 我们通常使用 Tomcat 中的 startup.bat 来启动 Tomcat. 但是这其中干了一些什么事呢? 大家都知道一个 Java 程序需要启动的话, 肯定需要 main 方法, 那么这个 ...

  5. 利用docker compose启动gitlab及runner

    添加docker compose配置文件 新建文件docker-compose.yml,输入如下内容: gitlab: image: 'gitlab/gitlab-ce:latest' contain ...

  6. django框架的models

    在django的框架设计中采用了mtv模型,即Model,template,viewer Model相对于传统的三层或者mvc框架来说就相当对数据处理层,它主要负责与数据的交互,在使用django框架 ...

  7. mysql 存储过程 游标 判断游标是否为空

    BEGIN DECLARE id long; DECLARE Done INT DEFAULT 0; DECLARE cashamount DECIMAL(10,2) DEFAULT 0.00; DE ...

  8. Git保存密码

    TortoiseGit中,通过https方式连接时,默认是不会保存帐号密码,需要我们每次输入一次,真心很麻烦! 通过简单的设置,就可以解决这一问题! 编辑仓库目录中本地的”.git/config”文件 ...

  9. position:absolute绝对定位解读

    position:absolute绝对定位解读  摘要   用四段代码解释absolute的定位问题,进而从概念的角度切实解决html布局问题. 一.背景 常常遇到这样一些问题,很容易混淆.“浏览器屏 ...

  10. Android多线程编程之AsyncTask

    进程?线程? 进程是并发执行的程序在执行过程中分配和管理资源的基本单位,是一个动态的概念.每个进程都有自己的地址空间(进程空间).进程空间的大小与处理机位数有关.进程至少有5种基本状态:初始态,执行态 ...