angularjs教程-文档资料
AngularJS学习(一)—— 概览
AngularJS学习（一）——概览1. 文章简述这篇主要通过几个小例子把angular的常用组件简单介绍一下2. data binding下面是一个简单通过quantity和costs计算Total的示例<div ng-appng-init="qty=1;cost=2"><b>Invoice:</b><div>Quantity: <input type="number"min="0"ng-model="qty"> </div><div>Costs: <input type="number"min="0"ng-model="cost"></div><div><b>Total:</b> {{qty * cost | currency}}</div></div>输出结果下面描述一下这段代码是如何运行的，这段代码看起来像一个带着一些新的标记的普通html 文件，在angular中，这样的文件叫template，当angular运行时，它会从这个template中去解析处理这些新的标记，并且加载、转换和呈现以dom的形式。
第一种标记在angular中被称为directives，他们为一些属性或者元素增加特殊的功能，比如上面的ng-app属性，angular识别到它会自动初始化为angular应用程序。
angular也为input 元素增加一些扩展的功能，比如接下来的ng-model，他可以将input的值存储到一个变量中，也可以把变量的值赋予到input中，这这绑定是live的绑定，一个变化另一个随之变化，称之为双向绑定。
AngularJS详细使用说明从零到高手
AngularJS的可爱之处 AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一
AngularJS的“禅道(理念)”
Angular信奉的是，当组建视图(UI)同时又要写软件逻辑时，声明式的代码会比命令式的代码好得 多，尽管命令式的代码非常适合用来表述业务逻辑。
将DOM操作和应用逻辑解耦是一种非常好的思路，它能大大改善代码的可调性； 将测试和开发同等看待是一种非常非常好的思路，测试的难度在很大程度上取决于代码的结构； 将客户端和服务器端解耦是一种特别好的做法，它能使两边并行开发，并且使两边代码都能实现重用； 如果框架能够在整个开发流程里都引导着开发者：从设计UI，到编写业务逻辑，再到测试，那对开发者 将是极大的帮助； “化繁为简，化简为零”总是好的。
<script src="/angular-1.1.0.min.js"></script>
通过设置 <input> 标签里的 ng-model 属性,AngularJS会自动对数据进行双向绑定。我们还同 时进行了一些简单的数据验证：
Quantity: <input type="integer" min="0" ng-model="qty" required > Cost: <input type="number" ng-model="cost" required >
AngularJS 2.0入门指南
AngularJS 2.0入门指南AngularJS 2.0学习Angular 2当越来越多的web app 使用Angular 1构建的时候，更快更强大的Angular 2 将会很快成为新的标准。
Angular的新约定使得它更容易去学习、更快的去开发app。
通过本教程学习更快速。
更强大的Angular 版本。
Angular一个跨移动和桌面的框架快速开始本指南指导你如何构建一个简单Angular app。
可以使用typescript/ JavaScript / Dart任意一种语言来编写Angular app，本教程采用JavaScript。
看它运行运行实例是学习一个Angular app 如何实现的最快的方式。
点击链接启动一个浏览器，会使用plunker来加载运行一个简单的示例。
文件的组织结构：对我们来说，它只是一个index.html，style.css和包含三个JavaScript文件的app 文件夹组成的简单的Web 目录。
当然，我们仅在plunker只能构建简单的示例。
我们关掉它开始一个真实的实践。
1.搭建我们的开发环境；2.为我们的app 编写Angular 根组件；3.添加Angular 模块；4.引导它去控制主页面；5.编写主页面(即index.html)；6.添加CSS 样式(style.css)；如果我们跟着指南的步骤一步步去实践，那么我们可以在5 分钟内创建一个入门项目。
但是，大多数人总会陷入“why”和“how”中，花掉许多时间。
开发环境我们需要一个地方去容纳你的项目文件，你的编辑。
∙创建新的文件夹：mkdir angular-startcd angular-start∙添加需要的函数库我们推荐使用npm包管理器来获得和管理我们的开发库。
不会使用npm，点击链接开始学习，因为本教程是通过它来创建的。
∙添加package.json文件，直接copy：{"name": "angular2-quickstart","version": "1.0.0","scripts": {"start": "npm run lite","lite": "lite-server"},"license": "ISC","dependencies": {"@angular/common": "2.0.0","@angular/compiler": "2.0.0","@angular/core": "2.0.0","@angular/forms": "2.0.0","@angular/http": "2.0.0","@angular/platform-browser": "2.0.0","@angular/platform-browser-dynamic": "2.0.0", "@angular/router": "3.0.0","@angular/upgrade": "2.0.0","core-js": "^2.4.1","reflect-metadata": "^0.1.3","rxjs": "5.0.0-beta.12","zone.js": "^0.6.23","angular2-in-memory-web-api": "0.0.20","bootstrap": "^3.3.6"},"devDependencies": {"concurrently": "^2.0.0","lite-server": "^2.2.0"}}通过npm命令安装这些包。
AngularJS入门文档
AngularJS简介AngularJS（简称ng，官网api地址：/api）是由Google创建的一种JS框架，是一个新出现的强大客户端技术，提供给大家的一种开发强大应用的方式。
这种方式利用并且扩展HTML，CSS和javascript，并且弥补了它们的一些非常明显的不足。
AngularJS是为了克服HTML在构建应用上的不足而设计的。
HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。
AngularJS尝试去补足HTML本身在构建应用方面的缺陷。
AngularJS通过使用我们称为标识符(指令)(directives)的结构，让浏览器能够识别新的语法。
例如：使用双大括号{{}}语法进行数据绑定；使用DOM控制结构来实现迭代或者隐藏DOM片段；支持表单和表单的验证；能将逻辑代码关联到相关的DOM元素上；能将HTML分组成可重用的组件。
特性MVC针对客户端应用开发AngularJS吸收了传统的MVC基本原则。
MVC或者Model-View-Controll设计模式针对不同的人可能意味不同的东西。
AngularJS并不执行传统意义上的MVC，更接近于 MVVM（Moodel-View-ViewModel）。
Model: 是应用中的简单数据。
一般是简单的javascript对象。
ViewModel:是一个用来提供特别数据和方法从而维护指定view的对象。
viewmodel是$scope的对象，只存在于AnguarJS的应用中。
$scope只是一个简单的js对象，这个对象使用简单的API来侦测和广播状态变化。
Controller：负责设置初始状态和参数化$scope方法用以控制行为。
需要指出的是controller 并不保存状态也不和远程服务互动。
View：是AngularJS解析、渲染和绑定数据后产生的HTML。
双向数据绑定数据绑定可能是AngularJS最酷最实用的特性。
AngularJS入门
AngularJS入门一、总括本文用于解释Angular初始化的过程，以及如何在你有需要的时候对Angular进行手工初始化。
二、Angular <script> 标签本例用于展示如何通过推荐的路径整合Angular，实现自动初始化。
<!doctype html><html xmlns:ng="" ng-app><body>...<script src="angular.js"></body></html>∙将sciprt标签放置于页面底部。
这样做能避免因为加载angular.js而阻挡HTML的加载，从而降低应用的加载时间。
我们可以在中获取到最新版本的angularJs。
出于安全考虑，切勿在产品中直接引用这个地址来加载脚本。
但如果仅仅是研究学习使用的话，直接连接也无妨。
∙o选择：angular-[version].js 是方便阅读的一个版本，适合日常开发、调试使用。
o选择：angular-[version].min.js 是压缩、混淆后的版本，适合最终产品使用。
∙放置”ng-app”到应用的根节点中，如果你想让angular自动启动你的应用，通常可以放置于<html>标签中。
<html ng-app>∙如果我们需要使用老派风格的directive语法”ng:”，那么我们需要加入一个xml-namespace 到html标签中以“取悦”IE。
（这个是一个历史原因，我们也不推荐使用ng:）<html xmlns:ng="">三、自动初始化Angular会在DOMContentLoaded事件中自动初始化，Angular会找出由你通过ng-app这个directive指定的应用根节点。
如果找到，Angular会做以下事情：∙加载与module相关的directive。
AngularJS技术交流(基础篇)精品PPT课件
➢ 任何一个ng应用都是由控制器、指令、服务、路由、过滤器等有限的模块类型构成的
➢ 控制器、指令、服务、路由、过滤器分别放在一个模块里面 ➢ 用一个总的app模块作为入口点，它依赖其它所有模块
模块的写法
LOGO
❖模块的简单写法：
angular.module('modulename', [x1,x2])//依赖于x1、x2模块 .directive('directiveName', function() {}) .factory('a', function() { return 123; })//创建服务 .filter('b',function(){})//创建过滤器 .value('d', 123)//创建变量，创建后可修改 .contract('c',324)//创建常量创建后不可修改
效率
相比于框架来说，确实不 具备太多提高效率的地方
AG设计上更强调开发效 率，比如在框架内它就支 持单元测试，再比如降低 模块间的耦合度也有利于 程序员梳理项目逻辑
综上所述：Jquery跟AngularJS两者是出于不同的目的被创建的，解决的也是不 同的问题。当一个项目的重点是数据展示和执行，而不是分析，此时可能 AngularJS就会更胜一筹
作用域
❖作用域的生命周期
创建
创建控制器或者指令的时候，会创 建新的作用域，在在这个新建的控 制器函数运行时将作用域传递进去
链接 更新 销毁
在Angular开始运行的时候，所有 的$scope对象都会附加或者链接到 视图中
当事件循环运行时，它通常执行 在顶层$scope对象上，每个子作 用域 都执行自己的脏值检测。每个监 控函数都会检查变化。如果检测 到任意变化，$scope对象就会触 发指定的回调函数。
AngularJs基础（60分钟入门）
AngularJs基础（60分钟⼊门）AngularJS 是⼀个创建富客户端应⽤的JavaScript MVC框架。
你仍然需要具有服务端后台，但⼤多数的⽤户交互逻辑将放到客户端上处理。
它可以创建单页的应⽤程序，⼀个页⾯的应⽤仅仅需要HTML,CSS和JavaScript在客户端。
它的⽬标是增强页⾯的模型-视图-控制（MVC）的功能，为简化开发和测试。
单页Web应⽤（single page web application，SPA），就是只有⼀张Web页⾯的应⽤。
浏览器⼀开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页⾯上完成，由JavaScript来控制不同view在这个页⾯上的呈现。
本⽂源于Youtube上⼀个不错的AngularJs的⼊门教程视频：，主要讲解了AngularJs中Directive,Data Binding,Filter和Module的概念和⽤法。
个⼈认为这四个概念是AngularJs的核⼼，⽀撑起了AngularJs的⾻架。
掌握了他们对全局上把握AngularJs很有帮助。
进阶则需要⼤量实践和官⽹API⽂档的阅读。
看看下图⼤致就可以了解AngularJs有何能耐。
在VS中创建⼀个空的Empty Web项⽬。
Directive 和 Data BindingAngularJs 中的Directive概念不是很容易理解，⼊门阶段可暂且将其理解为⽤来扩展HTML的⼀种tag. Angularjs会解析这些tag，以实现Angularjs的Magic.可以对照传统的Imperative UI来理解AngularJs的Declarative UI:AngularJs之前我们实现前台页⾯逻辑⼀般是通过给HTML元素设置ID，然后使⽤Javascript或jQuery来操纵HTML DOM，这就是典型的Imperative UI。
⽽AngularJs不再需要给HTML元素设置ID，⽽使⽤Declarative,由Declarative“指导”HTML 元素的⾏为。
AngularJS入门教程
AngularJS入门教程来源: /article/13471AngularJS快速开始Hello World!开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”：1.使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html。
2.将下面的源代码复制到您的HTML文件。
3.在web浏览器中打开这个HTML文件。
源代码<!doctype html><html ng-app><head><script src="/angular-1.0.1.min.js"></script> </head><body>Hello {{'World'}}!</body></html>请在您的浏览器中运行以上代码查看效果。
现在让我们仔细看看代码，看看到底怎么回事。
当加载该页时，标记ng-app告诉AngularJS 处理整个HTML页并引导应用：<html ng-app>这行载入AngularJS脚本：<script src="/angular-1.0.1.min.js"></script>（想了解AngularJS处理整个HTML页的细节，请看Bootstrap。
）最后，标签中的正文是应用的模板，在UI中显示我们的问候语：Hello {{'World'}}!注意，使用双大括号标记{{}}的内容是问候语中绑定的表达式，这个表达式是一个简单的字符串‘World’。
下面，让我们看一个更有趣的例子：使用AngularJS对我们的问候语文本绑定一个动态表达式。
Hello AngularJS World!本示例演示AngularJS的双向数据绑定（bi-directional data binding）：1.编辑前面创建的helloworld.html文档。
如何使用AngularJS快速开发复杂前端应用
如何使用AngularJS快速开发复杂前端应用随着前后端分离的趋势越来越明显，前端开发的需求也越来越多。
为了满足不断增长的需求，前端技术也在不断地发展。
其中一个备受关注的技术就是AngularJS。
AngularJS 是一款由 Google 开发和维护的 JavaScript MVC 框架。
AngularJS有助于前端开发人员快速地开发复杂的应用程序，同时也能够提高代码质量和可维护性。
本文将向您介绍一些使用AngularJS快速开发复杂前端应用的技巧和最佳实践。
1. 加载数据为了在AngularJS中加载数据，您需要深入了解数据绑定和指令的工作原理。
数据绑定是AngularJS最重要的一个方面，它使您的应用程序保持同步。
它的基本工作原理是将值绑定到HTML元素上。
在AngularJS中，您可以使用ng-repeat指令来循环遍历数据并将它们渲染到HTML中。
例如，如果您有一个名为“books”的数组，您可以使用以下代码将每个书籍的信息渲染到HTML中。
```<ul><li ng-repeat=\"book in books\">{{book.title}}<\/li><\/ul>```2. 使用模块模块是AngularJS中非常重要的概念之一。
通过在模块中组织AngularJS 应用程序，您可以将代码分解为易于维护和管理的小块。
每个模块都可以包含控制器、服务和指令。
控制器是AngularJS中最常用的组件之一。
它们负责处理数据和逻辑，以及在视图中渲染它们。
在您的应用程序中使用控制器时，您需要考虑将其组织为一个模块，以便在必要时重用代码。
以下是组织控制器的示例：```angular.module('myApp', []).controller('myCtrl', function($scope) {$ = 'John Doe';});```3. 使用服务服务是AngularJS中的另一个重要概念。
创建angularjs项目方法
创建AngularJS项目方法在开始创建AngularJS项目之前，我们首先需要了解什么是AngularJS。
AngularJS是一种用于构建动态Web应用的开源前端JavaScript框架。
它由Google维护，利用HTML作为模板语言，并拓展HTML的语法，使得构建Web应用变得更加容易。
在本文中，我们将重点讨论如何创建一个基本的AngularJS项目，并探讨其中的各个步骤和关键要点。
1.环境准备我们需要确保本地环境已经安装了Node.js和npm（Node Package Manager）。
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，用于服务器端编程。
npm是Node.js的包管理器，用于管理和发布Node.js模块。
我们可以在Node.js的官方全球信息湾上下载并安装对应操作系统的安装包，安装完成后通过命令行工具验证是否安装成功。
2.安装AngularJS安装Node.js和npm之后，我们就可以通过npm命令来安装AngularJS。
在命令行中输入以下命令：```bashnpm install angular```这将会从npm仓库中下载并安装最新版本的AngularJS。
安装完成后，我们就可以在项目中引入AngularJS，并开始使用它来开发我们的Web应用。
3.创建项目结构接下来，我们需要创建一个基本的项目结构来容纳我们的AngularJS应用。
我们可以使用命令行工具来创建一个空的项目文件夹，然后在其中创建一个index.html文件作为应用的入口页面。
在index.html文件中，我们需要引入之前安装的AngularJS库，并创建一个ng-app指令来定义应用的根元素。
4.编写控制器和视图在创建好基本的项目结构之后，我们可以开始编写我们的AngularJS控制器和视图。
AngularJS使用控制器来管理应用的业务逻辑，以及视图和模型之间的交互。
我们可以在JavaScript文件中定义一个控制器，并将其绑定到对应的视图上。
快速上手学习Angular前端框架与单页应用开发
快速上手学习Angular前端框架与单页应用开发正文：第一章：认识Angular前端框架Angular是一种流行的前端框架，被广泛应用于单页应用（SPA）的开发。
它由Google开发，已经发展成为一个强大、灵活且易于使用的工具。
在开始学习Angular之前，我们需要了解一些基本概念。
1.1 Angular的特点和优势Angular提供了一种基于组件的开发模式，使得前端应用的开发更加模块化和可维护。
它采用了TypeScript语言进行开发，具有强大的静态类型检查能力，可以提升开发效率和代码质量。
与其他前端框架相比，Angular还具有以下优势：- 数据驱动的界面更新：Angular通过数据绑定机制可以自动更新界面，减少了手动DOM操作的繁琐过程。
- 响应式编程：Angular支持响应式编程的特性，可以方便地处理用户输入和异步操作。
- 强大的组件化和模块化：Angular的组件化开发模式可以让开发者更好地组织和复用代码。
- 丰富的生态系统：Angular拥有庞大而活跃的开发者社区，提供了大量的插件和第三方库支持。
1.2 Angular的基本概念在学习Angular之前，我们需要了解一些基本概念：- 模块（Module）：Angular应用由多个模块组成，每个模块包含一组相关的组件、服务等。
- 组件（Component）：组件是Angular应用的基本构建块，它封装了HTML模板、样式和逻辑。
- 模板（Template）：模板用于定义组件的视图，采用HTML 语法和Angular的模板语法。
- 数据绑定（Data binding）：数据绑定是Angular提供的一种机制，用于将组件的数据与界面进行关联。
- 服务（Service）：服务提供了一种组件之间共享数据和逻辑的方式，可以实现复用和业务分离。
第二章：快速开始Angular的开发2.1 安装Angular CLIAngular提供了一个命令行工具Angular CLI，可以简化项目的初始化和构建过程。
Angular前端开发技术手册
Angular前端开发技术手册Angular是一种流行的前端开发框架，广泛应用于构建富互联网应用程序。
本文将为读者提供一份Angular前端开发技术手册，旨在帮助开发者快速了解和掌握Angular框架的使用。
第一章：介绍Angular框架1.1 概述Angular是由Google开发的一款开源JavaScript框架，用于构建单页应用程序（SPA）。
它采用了模块化、组件化和依赖注入的设计理念，使得开发者能够更高效地开发和维护复杂的Web应用。
1.2 核心特性Angular具有许多强大的特性，包括：- 组件化开发：通过将应用程序拆分为多个组件，可以更好地组织代码，并实现代码的复用和维护。
- 模块化设计：Angular通过模块的方式组织应用程序的不同部分，并提供便利的模块管理机制。
- 数据绑定：Angular引入了双向绑定的概念，使得数据的变化能够自动反映到界面上。
- 依赖注入：Angular的依赖注入机制能够更好地管理组件之间的依赖关系，提高代码的可测试性和可维护性。
- 路由器：Angular内置了强大的路由器，用于实现单页应用程序的导航和页面切换。
- 响应式表单：Angular提供了对响应式表单的支持，使得表单的验证和处理更加简便。
第二章：Angular环境配置2.1 安装Node.js和npm在使用Angular前，需要先安装Node.js和npm（Node.js的包管理工具）。
读者可以在Node.js官网下载相应的安装包，并按照官方文档进行安装。
2.2 安装Angular CLIAngular CLI（命令行界面）是一个用于搭建和管理Angular项目的工具。
可以使用以下命令安装Angular CLI：```npm install -g @angular/cli```第三章：创建和构建Angular应用3.1 创建新的Angular项目使用Angular CLI可以轻松创建一个新的Angular项目。
AngularJS开发指南中文教程
AngularJS开发指南中文教程•AngularJS开发指南01：AngularJS简介2669angularjs 03-29 18:12 10-23 18:08 12 AngularJSAngularJS 开发指南•AngularJS开发指南02：引导程序1576angularjs 03-29 18:13 07-09 16:27 2 AngularJSAngularJS 开发指南•AngularJS开发指南03：HTML编译器1578angularjs 03-29 18:14 09-13 15:58 8 AngularJSAngularJS 开发指南•AngularJS开发指南04：核心概览 2665angularjs 03-29 18:15 01-08 09:50 21 AngularJSAngularJS 开发指南•AngularJS开发指南05：指令1823angularjs 03-29 18:31 12-25 22:43 10 AngularJSAngularJS 开发指南•AngularJS开发指南06：表达式1100angularjs 03-29 18:31 09-06 14:14 2 AngularJSAngularJS 开发指南•AngularJS开发指南07：表单1091angularjs 03-29 18:32 08-23 15:08 3 AngularJSAngularJS 开发指南•AngularJS开发指南08：i8n和l10n568angularjs 03-29 18:32 09-03 14:18 1 AngularJSAngularJS 开•AngularJS开发指南09：IE浏览器兼容性805angularjs 03-29 18:33 03-29 18:33 AngularJSAngularJS 开发指南•AngularJS开发指南10：介绍455angularjs 03-29 18:33 03-29 18:33 AngularJSAngularJS 开发指南•AngularJS开发指南11：模块785angularjs 03-29 18:34 04-04 20:47 2 AngularJSAngularJS 开发指南•AngularJS开发指南12：作用域858angularjs 03-29 18:34 05-28 16:17 3 AngularJSAngularJS 开发指南•AngularJS开发指南14：依赖注入807angularjs 03-29 18:35 08-16 16:23 1 AngularJSAngularJS 开发指南•AngularJS开发指南15：MVC模式473angularjs 03-29 18:35 09-24 09:22 2 AngularJSAngularJS 开发指南•AngularJS开发指南16：Model组件538angularjs 03-29 18:36 10-16 10:26 2 AngularJSAngularJS 开发指南•AngularJS开发指南17：Controller组件569angularjs 03-29 18:36 04-03 10:31 1 AngularJSAngularJS 开•AngularJS开发指南18：View组件473angularjs 03-29 18:37 03-29 18:37 AngularJSAngularJS 开发指南•AngularJS开发指南19：端到端测试509angularjs 03-29 18:37 03-29 18:37 AngularJSAngularJS 开发指南•AngularJS开发指南20：模板519angularjs 03-29 18:37 03-29 18:37 AngularJSAngularJS 开发指南•AngularJS开发指南21：使用CSS399angularjs 03-29 18:38 03-29 18:38 AngularJSAngularJS 开发指南•AngularJS开发指南22：AngularJS中的数据绑定441angularjs 03-29 18:38 03-29 18:38 AngularJSAngularJS 开发指南•AngularJS开发指南23：理解AngularJS过滤器350angularjs 03-29 18:38 10-16 10:59 1 AngularJSAngularJS 开发指南•AngularJS开发指南24：创建AngularJS过滤器391angularjs 03-29 18:39 03-29 18:39 AngularJSAngularJS 开发指南•AngularJS开发指南25：使用AngularJS过滤器411angularjs 03-29 18:39 03-29 18:39 AngularJSAngularJS 开发指南•AngularJS开发指南26：AngularJS服务482angularjs 03-29 18:40 03-29 18:40 AngularJSAngularJS 开发指南•AngularJS开发指南27：使用$location585angularjs 03-29 18:40 03-29 18:40 AngularJSAngularJS 开发指南•AngularJS开发指南28：创建服务520angularjs 03-29 18:40 03-29 18:40 AngularJSAngularJS 开发指南•AngularJS开发指南29：将服务注入到控制器中447angularjs 03-29 18:41 03-29 18:41 AngularJSAngularJS 开发指南•AngularJS开发指南31：测试服务312angularjs 03-29 18:42 03-29 18:42 AngularJSAngularJS 开发指南•AngularJS开发指南32：理解服务429angularjs 03-29 18:42 08-16 17:30 1 AngularJSAngularJS 开发指南•AngularJS开发指南33：单元测试423angularjs 03-29 18:42 09-16 14:36 4 AngularJSAngularJS 开发指南。
AngularJS
Angular 1官⽅方1. 官⽹网2. 官⽅方 YouTube 频道视频1. Egghead2. Codecademy3. Udemy4. Lynda5. Coursera书1. Pro AngularJS2. ng-bookAngular 2官⽅方1. 英⽂文官⽹网2. 中⽂文官⽹网视频1. Egghead2. Lynda - 不不是很推荐，因为暂时没看到更更新，还是⽼老老的写法3. Udemy书1. ng-book2- 推荐，更更新及时，有例例⼦子有视频。
优惠码：NgConf2016，半价优惠（不不知道现在⾏行行不不⾏行行）注：1. 截⽌止⽬目前，Angular 2 中⽂文资源很少，除了了官⽹网。
建议看英⽂文资源2. Angular 2 的例例⼦子，⼀一定要注意看版本。
有些⽤用的是RC 版甚⾄至beta 版的写法，在正式版中会报错3. 最好的学习⽅方式是：⾃自⼰己写东⻄西，遇到具体问题去google，在很多博客上，你能看到最新版的写法。
⽐比如：- http://blog.thoughtram.io/angular/2016/06/22/model-driven-forms-in-angular-2.html- http://blog.thoughtram.io/angular/2016/03/21/template-driven-forms-in-angular-2.html- https://scotch.io/tutorials/how-to-implement-a-custom-validator-di-rective-confirm-password-in-angular-2- https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-24. 关于Angular 1，慕课的看过，感觉⼊入⻔门很合适，但很多细节的东⻄西，要⾃自⼰己去挖掘。
angular入门学习文档之一
angular⼊门学习⽂档之⼀⼀、数据双向绑定angular（下⾯统⼀简称ng）强⼤的地⽅莫过于它内置的数据双向绑定功能，下⾯我们通过⼀个简单的例⼦来演⽰ng强⼤的双向绑定数据的能⼒。
代码如下：1、dom结构：1.<!DOCTYPE html>2.<html lang="en" ng-app="myApp">3.<head>4. <meta charset="UTF-8">5. <title>Document</title>6. <script src="js/angular.js"></script>7.</head>8.<body>9. <form ng-controller="userInfoCtrl">10. <input type="text" ng-model="">11. {{}}12. <p ng-bind="userInfo.age"></p>13. </form>14.15.</body>16.</html>2、js代码：1.var app = angular.module('myApp',[]);2. app.controller('userInfoCtrl',function($scope){3. $erInfo = {4. name: '张三',5. age: '18'6. }7. })8. app.controller('userInfoCtrl',['$scope',function($scope){9. $erInfo = {10. name: '张三',11. age: '19'12. }13. }])上⾯的例⼦简单的实现了ng的双向绑定功能，那么到底是怎么实现的呢？1、先加载angular.js⽂件；2、在根节点html上（也可以是其他任何⼀个节点，在哪⾥添加，ng的边界就在哪⾥产⽣）添加ng-app指令，它会告诉浏览器，从这个地⽅开始，⾥⾯的内容都⽤ng去解析渲染；3、给form添加ng-controller，这是添加控制器（也可以叫作⽤域）的指令，它的作⽤是创建⼀个隔离的$scope对象,什么是$scope?提到$scope，还得先从$rootscope说起，$rootScope是ng中最接近全局作⽤域的对象。
angular基础
angular基础Angular是一种流行的JavaScript框架，它是由Google开发的。
它是一个开源的框架，用于构建单页应用程序和动态Web应用程序。
Angular基础是学习Angular的第一步，本文将介绍Angular基础的一些重要概念和特性。
1. 模块Angular应用程序是由模块组成的。
模块是一个逻辑单元，它包含了一些相关的组件、指令、服务和管道。
每个Angular应用程序至少有一个根模块，它是应用程序的入口点。
模块可以通过@NgModule装饰器来定义。
2. 组件组件是Angular应用程序的基本构建块。
组件是一个可重用的UI 元素，它包含了HTML模板、CSS样式和控制器。
组件可以通过@Component装饰器来定义。
3. 模板模板是组件的视图。
它是一个HTML文件，它定义了组件的UI元素和数据绑定。
模板中可以使用Angular指令、管道和组件。
4. 数据绑定数据绑定是Angular的一个重要特性。
它允许将组件的数据绑定到模板中的UI元素。
数据绑定有三种类型：插值绑定、属性绑定和事件绑定。
5. 指令指令是一种特殊的组件，它可以修改DOM元素的行为和外观。
指令有两种类型：结构指令和属性指令。
结构指令可以添加、删除或替换DOM元素，而属性指令可以修改DOM元素的属性。
6. 服务服务是Angular应用程序的一个重要组成部分。
服务是一个可重用的代码块，它可以在组件之间共享数据和逻辑。
服务可以通过@Injectable装饰器来定义。
7. 路由路由是Angular应用程序的一个重要特性。
它允许将应用程序的不同部分映射到不同的URL。
路由可以通过RouterModule模块来实现。
Angular基础是学习Angular的第一步。
本文介绍了Angular的一些重要概念和特性，包括模块、组件、模板、数据绑定、指令、服务和路由。
学习这些概念和特性可以帮助开发人员更好地理解Angular，并构建出更好的Angular应用程序。