虽然 ngModel是一个有效的 Angular 指令,不过它在默认情况下是不可用的. 解决方法: 在根模块引入FormModule import { FormsModule } from '@angular/forms';…

Angular中的装饰器是一个函数,它将元数据添加到类.类成员(属性.方法)和函数参数. 用法:要想应用装饰器,把它放在被装饰对象的上面或左边. Angular使用自己的一套装饰器来实现应用程序各部件之间的相互操作. 这个地方是前面几个模块(Modules), 指令(Diretives).组件(Components).依赖注入(Dependency Injection)等从装饰器这个侧面的整理. 你需要做的: 1.搞清楚理解TypeScript的装饰器原理. 2.搞清楚这里面每一个装饰器的作用,…

ng2发布了一段时间,最近才开始着手学习一下,ng2可以说变化海是比较大的,现在写一些学习过程中要注意的点,新手可以参考,大神可以指导: 按照文档来吧: 1.快速开始:没什么可说的,直接上git 克隆官方的quick-start, git clone https://github.com/angular/quickstart.git quickstart cd quickstart npm install npm start 2.官方的第一个例子: ngFor循环列表,ng2要定义一个局部变量,…

Angular模块 (NgModule) Angular 模块是带有 @NgModule 装饰器函数的类. @NgModule接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码. 它标记出该模块拥有的组件.指令和管道, 并把它们的一部分公开出去,以便外部组件使用它们. 它可以向应用的依赖注入器中添加服务提供商 模块是组织应用和使用外部库扩展应用的最佳途径. 很多 Angular 库都是模块,例如:FormsModule.HttpModule.RouterModule. 很多第…

本节我们会通过构建一个简单的笔记存储应用(可以载入并修改一组简单的笔记)来学习如何应用Angular的特性.这个应用用到的特性有: 在JSON文件中存储笔记 展示.创建.修改和删除笔记 在笔记中使用Markdown格式 同步编辑和预览Markdown 本应用已经包含了基础的HTML和CSS代码,还有一个用Node写的简单的RESTful服务器,用于管理笔记,这样我们就可以专注于Angular而不是API.我们学习的重点是如何把Angular加入其中并学习它的重要特性. 3.2.1 获取项目文件…

在现实生活中存在着有这样的特点的一些类: A．这些类只能有一个实例: B．这些能够自动实例化: C．这个类对整个系统可见,即必须向整个系统提供这个实例. 不妨举一个具体的单例模式的例子:比如教室里面的教师和学生都是需要在黑板上写字的,但是一般的情况下,教室里面应该只有一个黑板吧,它是教师和学生公用滴.这时就要想办法保证取得的黑板是一个共享的唯一的对象.而单例模式就是解决这类问题的一个已经成型的模式. Angular带来了很多类型的services.每个都会它自己不同的使用场景.我们将在本节来阐述…

Angular带来了很多类型的services.每个都会它自己不同的使用场景.我们将在本节来阐述. 首先我们必须记在心里的是所有的services都是singleton(单例)的,这也是我们所希望得到的预期结果. 下面让我开始今天的services之旅吧: Constant 示例: app.constant('fooConfig', { config1: true, config2: "Default config2" }); constant是个很有用的东东,我们经常会用于对dire…

1.不同scope之间的通信 (1)无父子关系的scope通信: 在需要操作的scope里面定义一个事件,名称为delete_host,参数为data $rootScope.$on('delete_host', function(event,data) { angular.forEach($scope.hosts, function (item, i) { if (item.id == data) { $scope.hosts[i].deleted = true; } if($scope.sel…

Angular 是一款优秀的前端JS框架,已被用于Google的多款产品中,其核心特点是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等.6年过去了,Angular 迎来了2.0版本. Angular 2 Beta来了 2015年12月16日,Augular 2 Beta 发布,前后历经了55个alpha版本,这也意味着Angular2已经稳定.在正式版发布前还有些工作需要完善,但是Beta版还是给开发者们提供了一个坚实的框架来构建他们的应用程序. Angular团队博客介绍:Be…

在前面,我们讲了angular的目录结构.JQLite以及依赖注入的实现,在这一期中我们将重点分析angular的整个框架的加载流程. 一.从源代码的编译顺序开始 下面是我们在目录结构哪一期理出的angular的编辑顺序图的缩略版: ├─── angular.prefix //util.wrap函数加入的前缀代码 │ ├─── minErr.js //错误处理 ├─── Angular.js //主要定义angular的工具函数 ├─── loader.js //定义了setupModuleLo…