1. 安装AngularJS1.1 AngularJS官网 Github源码：https://github.com/angular/angular.js 官网：https://angularjs.org/1.2 npm安装AngularJSnpm install angular 原文：http://www.cnblogs.com/libingql/p/6919257.html
今天我们先对 priority，template，templateUrl进行学习1.priority 可取值：int 作用：优先级 一般priority默认为0，数值越大，优先级越高。当一个dom元素上有多个指令，在执行compile函数的时候，指令的执行顺序为：高优先级，先链接排序的先执行如果想让一个指令最后一个执行： terminal 这个参数设置为true，即可使该指令在同一个Dom元素上的指令列表里最后一个执行 2.template可取值：string或function作用：指令操作元素的...
一: 以组件开发一个to-do list应用todo组件分为导入、接口定义、顶层组件、控制器、启动5个部分。app.ts://导入 import {Component} from ‘@angular/core‘; import {bootstrap} from ‘@angular/platform-browser-dynamic‘;//接口定义interface Todo {completed: boolean;label: string; }//顶层组件@Component({selector: ‘app‘,templateUrl: ‘./app.html‘,styles: [`ul li {list-style: none;}.completed {text-decoratio...
这篇文章主要介绍了详解Angular系列之变化检测(Change Detection)，现在分享给大家，也给大家做个参考。概述简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变，当检测到模型中绑定的值发生改变时，则同步到视图上，反之，当检测到视图上绑定的值发生改变时，则回调对应的绑定函数。什么情况下会引起变化检测？总结起来, 主要有如下几种情况可能也改变数据：用户输入操作，比如点击，提交等请求服务端数据...
内置指令内置属性型指令属性型指令会监听和修改其它HTML元素或组件的行为、元素属性（Attribute）、DOM属性（Property）。 NgClass形式：[ngClass]="statement"通过绑定到NgClass，可以同时添加或移除多个类。 setCurrentClasses() {this.currentClasses = {saveable: this.canSave,modified: !this.isUnchanged,special: this.isSpecial}; }<div [ngClass]="currentClasses">This div</div> NgStyle形式：[ngStyle]="statement"Ng...
概述简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变，当检测到模型中绑定的值发生改变时，则同步到视图上，反之，当检测到视图上绑定的值发生改变时，则回调对应的绑定函数。什么情况下会引起变化检测？总结起来, 主要有如下几种情况可能也改变数据： 用户输入操作，比如点击，提交等请求服务端数据(XHR)定时事件，比如setTimeout，setInterval上述三种情况都有一个共同点，即这些导致绑定值发生改变的...
Angular2的动画系统赋予了制作各种动画效果的能力，致力于构建出与原生CSS动画性能相同的动画。 Angular2的动画主要是和@Component结合在了一起。 animations元数据属性在定义@Component装饰。就像template元数据属性！这样就可以让动画逻辑与其应用代码紧紧集成在一起，这让动画可以更容易的出发与控制。一.在app.mudule.ts中引入: import { BrowserAnimationsModule } from @angular/platform-browser/animations;并在@NgModule中...
Scope是AngularJS里的一个很重要的概念，简单的说它就是用来保存AngularJS Model们的对象，是Model们温暖的小家～ 那这个小家是什么时候造的呢？ 1 html ng-app = mainApp 2 / html 我们知道， ng-app 是一个应用启动AngularJS的入口点，在这里也会创建一个r Scope是AngularJS里的一个很重要的概念，简单的说它就是用来保存AngularJS Model们的对象，是Model们温暖的小家～那这个小家是什么时候造的呢？1 <html ng-app="mainApp"> ...
Angular程序架构Angular程序架构组件：一段带有业务逻辑和数据的Html服务：用来封装可重用的业务逻辑指令：允许你向Html元素添加自定义行为模块： 环境搭建 安装nodeJs安装好nodeJs后，在cmd中我们将可以使用npm（nodeJs 的包管理工具 ） 查看nodeJs版本 1npm -v安装angular cli命令行工具 1npm install -g @angular/cli查看angular cli 版本 1ng -v创建auction项目 12ng new auctionng new 项目名项目目录结构解析 项目根目录结构...