angular2

Windows系统下angular2环境搭建 安装node.js 由于众所周知的原因，node.js官方下载非常慢。我们使用npm淘宝镜像安装。 nmp淘宝镜像 点击进入后，可以看到如下 绿色选中的就是node.js，点击后选择一个最近的版本（本文选择v6.9.1）,选中之后找到 根据版本自行选择64位或者32位版本。下载完成后点击安装，会自动加入到环境变量。 安装angular-cli cmd进入命令行 显示npm安装成功 然后选择安装angular-cli npm install -g angular-cli 安装成功. 安装和启动angular2项目（project-name是你的项目名称） ng new project-name cd project-name ng serve 来源： https://www.cnblogs.com/homehtml/p/12550304.html

我在Angular中遇到HTTP问题。 我只想 GET 一个 JSON 列表并将其显示在视图中。 服务等级 import {Injectable} from "angular2/core"; import {Hall} from "./hall"; import {Http} from "angular2/http"; @Injectable() export class HallService { public http:Http; public static PATH:string = 'app/backend/' constructor(http:Http) { this.http=http; } getHalls() { return this.http.get(HallService.PATH + 'hall.json').map((res:Response) => res.json()); } } 在 HallListComponent 我从服务中调用 getHalls 方法： export class HallListComponent implements OnInit { public halls:Hall[]; public _selectedId:number; constructor(private _router:Router, private

angular2的ElementRef在组件中获取不到 angular2不推荐操作dom，但是实际应用中不可避免的需要使用到dom操作，怎么操作，官方文档提供了一系列api（ ElementRef， ViewContainerRef ， TemplateRef ）配合 @ViewChild或@ViewChildren就可以获取到dom元素，但是这个过程中有些文档未提及的坑，本人不小心踩进去，半天才爬出来，因此分享一下。 首先，需要在ng2的模板中使用 #bannersEL 定义一个模板局部变量，如： <div class="swiper-wrapper" #bannersEL></div> 　接着在模板对应的组件类中，使用组件中元数据@ViewChild来获取模板局部变量的读写权限： export class DemoComponent implements AfterViewInit { @ViewChild("bannersEL") bannersEl: ElementRef; ngAfterViewInit(): void { console.log(this.bannersEl); } } 　其中 @ViewChild("bannersEL") bannersEl: ElementRef 还可以使用如下语法限定局部变量的权限： @ViewChild("bannersEL"，

Angular新旧版本的template很相似,让我们根据一个简答的模板来了解一下ng2 <div> Hello my name is {{name}} and I like {{thing}} quite a lot. </div> {{}}:rending ---用两个大括号来传递变量值 []:属性绑定---用中括号来绑定变量和组件 <video-control [player]="myPlayer"></video-control> 如果<video-control>组件中已经声明了player属性,那么通过这个组件中的类生成的实例都可以被使用 ():监听事件 <my-component (click)="onClick($event)"></my-component> 如果要让事件冒泡到他的父元素上,只需要用在事件前加上`即可 <my-component (^click)="onClick($event)"> <button>I bubble up</button> </my-component> *:星号根据后面的标记嵌入一个新的模板页面到这个组件中,就像这样 <my-component *ng-for="object in array"> </my-component>> 这将会在组件中插入一个新的页面,而不必向这个组件传递数据 原文链接 angular2的模板 来源：

< Wijmo Enterprise下载 > 2015年已经过去了，这是 Wijmo 重要的一年，尤其是对Wijmo5。脱离传统的小部件，重新写一套JS控件，现在看来这个决定是正确的。用TypeScript写Wijmo5，意味着我们没有任何依赖，不再需要jQuery，Wijmo5是一套纯控件。这个重要的决定使我们的产品处于行业前沿。Google的Angular2开发团队也使用TypeScript和类，许多开发人员为了减少依赖，弃用jQuery。 更重要的事情是：2015年我们一直聚焦在客户身上。我们和客户一起工作，客户帮助Wijmo5定型。我们增加功能、控件和一些非常好的扩展，这些都是客户直接参与的结果。 2016年，期待您持续提供反馈。我们也会改变发展规划，来适应您。2016年，Wijmo将专注于： 根据客户的需求打磨控件，包括性能、功能和修复。 增加一些主要的新控件，比如OLAP、报表、MultiRow 支持Angular 2, Aurelia, EmberJS框架 支持Angular 2 随后几个月内最激动的事情就是我们支持Angular2。Wijmo是第一个全面支持Angular1的库，我们将会继续这个传统。最近我们已经完成了Angular2第一个Beta版的指令模块，这使得开发人员很容易在在他们的Angular2应用中集成Wijmo控件。

Angular 2 Series: Introduction By Max on April 2, 2015 現在， Angular 2 和 Ionic 2 呼之欲出。我們超讚的小隊正在為下一個大版本的 Ionic 和 Angular 2 在努力工作。我為我們在那麽短的時間內取得那麽大的進展感到興奮，而且我相信，Ionic 社區，肯定會愛死它的。 對許多人來說， Angular 2 把他們所鐘愛框架改得太多了(這就是相愛相殺吧)。大家花了太多時間去學習 v1 的術語了( directive ，有的舉手？)，還有花事件去理解 scope，和生命週期，花時間去 debug ngModel 的問題，然後總結出最棒的工程目錄結構，但是現在，全都沒了。 不過相信我，這是最棒的。 #Angular 2 系列 Ionic 是最早把 Angular 2 應用到大型項目的隊伍之一。因此，我們接觸到了關於 Angular 2 的許多複雜，局限，當然還有牛逼的地方。我們知道為了讓社區接納 Angular 2， 我們需要給前端開發者們分享我們的經驗和教訓。 這周開始，我們準備給 Angular 2 來一個系列的帖。這個系列將會覆蓋這個框架的各個方面，怎麽用它，以及到哪裡能得到幫助。 今天，我們將會從介紹這個框架開始，安裝我們所需的東西，然後做一個小小的例子試試。 #開始 讓我們先從 Angular 2

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I am building my application in Angular 2 and Laravel 5.4. Angular2 is for client side and laravel 5.4 is for server side. I created APIs in laravel and requesting those APIs from Angular2. In Laravel, I configured Oauth 2 passport service which is authenticating all APIs. In each API call I am sending below headers. 'Content-Type', 'Authorization' The way how I am calling APIs with headers. private headers = new Headers({'Content-Type': 'application/json', 'Authorization': 'Bearer ' + localStorage.getItem('access_token') }); let body = JSON

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: Is it possible to access resolved data of a route (-Resolver) inside a canActivate guard. Currently I can access the resolved data in the component by ngOnInit () { this . route . data . subscribe (( data : { example : Array < Object > }) => { this . example = data . example ; console . log ( 'example resolver' , this . example ); }); } How could I manage that in the canActivate guard? This is not working: constructor ( private route : ActivatedRoute ) {} canActivate ( route : ActivatedRouteSnapshot , state : RouterStateSnapshot ,

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: in my angular app I have the following: export class MyComponent { subcompPath = "path-to-subcomp#SubcompClassName"; @ViewChild("placeholder", { read: ViewComponentRef }) placeholderRef: ViewComponentRef; /* Constructor where Compiler, ComponentFactoryResolver are injected */ loadSubcomponent() { let [path, componentName] = this.subcompPath.split("#"); ( window).System.import(path) .then((module: any) => module[componentName]) .then((type: any) => { return this._compiler.compileComponentAsync(type) }) .then((factory: any) => { let

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I have defined the following Angular2 component: import {Component} from 'angular2/core'; @Component({ selector: 'my-app', moduleId: module.id, templateUrl: './app.component.html' }) export class AppComponent { } When I try to compile this, I get the following error on line 5: src/app/app.component.ts(5,13): error TS2304: Cannot find name 'module'. I believe module.id is referring to the CommonJS module variable (see here ). I have specified the CommonJS module system in tsconfig.json: { "compilerOptions": { "target": "es5", "module":