沈纵情

import {Component} from 'angular2/core';import {User} from "./User";import {UserService} from "./user-service";@Component({ selector: 'appTest', template: ` {

import {Component} from 'angular2/core';import {StudentFormComponent } from './student-form'@Component({ selector: 'appTest', template: '', directives: [StudentFormComponent ]})expor

import {Component} from 'angular2/core';/** DatePipe 日期格式 UpperCasePipe 全部大写格式 LowerCasePipe 全部小写格式 CurrencyPipe 货币格式 PercentPipe 百分比格式 */@Component({ selector: 'appTest

import {Component} from 'angular2/core';import {StudentFormComponent } from './student-form'@Component({ selector: 'appTest', template: '', directives: [StudentFormComponent ]})expor

import {Component} from 'angular2/core';import {ExponentialStrengthPipe} from './exponential-strength';@Component({ selector: 'appTest', template: ` Power Booster Super power

import {Component} from 'angular2/core';import {User} from "./User";import {UserService} from "./user-service";import {Logger} from "./logger-service";@Component({ selector: 'appTest', te

内容：http://blog.csdn.net/u010713545/article/details/49870699

import {Component} from 'angular2/core';import {HighlightDirective} from './highlight.directive';import {Redify} from './directives';@Component({ selector: "app", directives:[Redify,Highlig

练习 I me here. /** * Created by dell on 2016/9/6. */var app=angular.module('app',[]);app.directive('hello',function(){ return {

练习 所有类别 /** * Created by dell on 2016/9/6. */var app = angular.module('app', []);app.directive('food', function () { return { restrict: 'E', $scope:{},

/** * Created by dell on 2016/9/6. */var app=angular.module('app',[]);app.controller('AppCtrl',function($scope){ $scope.loadMoreData=function(){ alert("正在加载数据中......"); }})ap

练习--> {{a*b}}--> {{firstName+lastName}} {{user.sex}} {{person[0].name}} 姓名：{{item.name}} 性别：{{item.sex}} {{xixi}} {{sex}

练习 提交 登录 {{realname}} {{http}} {{data

import {Component} from 'angular2/core';import {ClickMeComponent} from './click-me';import {KeyUpComponent} from './keyup';import {LoopbackComponent} from './loopback';import {FocusComponent} from

import {Component} from 'angular2/core';import {HeroDetailComponent} from './hero-detail';import {Hero} from './hero';import {HeroService} from './hero-service';@Component({ selector: 'appTes

import {Component} from 'angular2/core';import {HeroDetailComponent} from './hero-detail';@Component({ selector: 'appTest', template: ` 下面是另一个component内容

官方不仅仅有api，还有实例，看下面截图点击 live example的链接就是示例

import {Component} from 'angular2/core';interface Hero { id: number; name: string;}@Component({ selector: 'my-app', template: ` {{title}} My Heroes <li *ngFor="

import {Component ,OnInit} from 'angular2/core';import { Hero } from './hero';import { HeroService } from './hero-service';import { HeroDetailComponent } from './my-hero-detail';@Component({ s

import {bootstrap} from 'angular2/platform/browser';import {AppComponent} from './app';bootstrap(AppComponent).catch(err => console.error(err));/*Copyright 2016 Google Inc. All Rights Reserved

document.write(''); System.config({ transpiler: 'typescript', typescriptOptions: { emitDecoratorMetadata: true }, packages: {'app':

Angular 2 Http Demo System.config({ transpiler: 'typescript', typescriptOptions: { emitDecoratorMetadat

import {Component} from 'angular2/core';import { HeroDetailComponent } from './my-hero-detail';import { Hero } from './hero';@Component({ selector: 'my-app', template: ` {{title}}

Hero Form <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> System.import('app').catch(f

Dependency Injection System.import('app').catch(function(err){ console.error(err); }); Loading my-app ...<!-- Copyright 2016

import {Component} from 'angular2/core';interface Hero { id: number; name: string;}@Component({ selector: 'appTest', /*template: ` Hello, {{name}}! Say hello to: `

import {Component} from 'angular2/core';interface Hero { id: number; name: string;}@Component({ selector: 'appTest', template: ` 可选列表 <li

存放在百度云里面的：http://pan.baidu.com/s/1c2AOmje