本文整理汇总了TypeScript中angular2/angular2.bootstrap函数的典型用法代码示例。如果您正苦于以下问题:TypeScript bootstrap函数的具体用法?TypeScript bootstrap怎么用?TypeScript bootstrap使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了bootstrap函数的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1: bootstrap
import {bootstrap} from 'angular2/angular2';
import {ROUTER_PROVIDERS} from 'angular2/router';
import {HTTP_PROVIDERS} from 'angular2/http';
import {App} from './components/app/app';
import {BaseService} from './components/baseServices/base.service';
import {ViewbagService} from './components/viewbag/viewbag.service';
bootstrap(App, [
ROUTER_PROVIDERS, HTTP_PROVIDERS, BaseService, ViewbagService
]);
开发者ID:A-Kamaee,项目名称:ng2-bootstrap-sbadmin,代码行数:13,代码来源:bootstrap.ts
示例2: bootstrap
import {bootstrap, Component} from "angular2/angular2";
import {TodoInput} from "./todoInput";
import {TodoService} from "./todoService";
import {TodoList} from "./todoList";
@Component({
selector:'app',
directives: [TodoInput, TodoList],
template: `
<div>
<todo-input></todo-input>
<todo-list></todo-list>
</div>
`
})
class App{}
bootstrap(App, [TodoService]);
开发者ID:Cod1ngNinja,项目名称:egghead-angular2-london-workshop-master,代码行数:18,代码来源:main.ts
示例3: constructor
this.checked = false;
}
}
class TodoList {
items: Todo[];
constructor() {
this.items = [];
};
remove(item) {
var idx = this.items.indexOf(item);
this.items.splice(idx, 1);
};
add(item) {
if (!this.containsByName(item)) {
this.items.push(item);
}
};
containsByName(item) {
for (var i = 0; i < this.items.length; ++i) {
if (this.items[i].name == item.name) {
return true;
}
}
return false;
}
}
bootstrap(TodoAppComponent);
开发者ID:tanou73,项目名称:Angular2POC,代码行数:30,代码来源:app.ts
示例4: constructor
/// <reference path="typings/angular2/angular2.d.ts" />
import {Component, View, bootstrap} from 'angular2/angular2';
import{DemoPage} from './demo-page';
@Component({
selector: 'demo-app'
})
@View({
template: '<demo-page></demo-page>',
directives:[DemoPage]
})
class MyDemoApp {
constructor() {
}
}
bootstrap(MyDemoApp);
开发者ID:EdsonF,项目名称:angular-2-samples,代码行数:22,代码来源:app.ts
示例5: bootstrap
// #docregion
// #docregion import
import {Component, View, bootstrap} from 'angular2/angular2';
// #enddocregion
@Component({
selector: 'my-app'
})
@View({
template: '<h1 id="output">My first Angular 2 App</h1>'
})
class AppComponent {
}
// #docregion bootstrap
bootstrap(AppComponent);
// #enddocregion
开发者ID:2947721120,项目名称:angular-cn-1,代码行数:16,代码来源:main.ts
示例6: constructor
import {Dashboard} from './components/dashboard/dashboard';
import {Login} from './components/login/login';
@Component({
selector: 'app'
})
@View({
directives: [ RouterOutlet, RouterLink ],
template: `
<a router-link="base">base</a>
<a router-link="dashboard">dashboard</a>
<a router-link="login">login</a>
<br>
<router-outlet></router-outlet>
`
})
@RouteConfig([
{ path: '/', component: Base, as: 'base' },
{ path: '/dashboard', component: Dashboard, as: 'dashboard' },
{ path: '/login', component: Login, as: 'login' },
])
class App {
userid: string;
password: string;
constructor() {
}
}
bootstrap(App, [routerInjectables]);
开发者ID:pumpk1n,项目名称:angular2-router-test,代码行数:30,代码来源:app.ts
示例7: constructor
/// <reference path="../typings/tsd.d.ts" />
import {Component, View, bootstrap} from 'angular2/angular2';
import {LastFMEvents} from 'components/lastfm/events/component'
import {InstagramPictures} from 'components/instagram/pictures/component'
import {InstagramPicture} from 'components/instagram/picture/component'
@Component({
selector: 'app'
})
@View({
templateUrl: 'app.html',
directives: [LastFMEvents, InstagramPictures]
})
class App {
public pictures: Array<InstagramPicture>
constructor() {}
}
bootstrap(App);
开发者ID:yadomi,项目名称:lastagram,代码行数:23,代码来源:app.ts
示例8: constructor
/* Contenedor principal */
@Component({
selector: 'game',
injectables: [PlayerComponent,TileService]
})
@View({
template: `
<h1>Multi-user Memory Game!!</h1>
<div id="gameContainer">
<div id="playerContainer1">
<player>
</player>
</div>
<div id="playerContainer2">
<player>
</player>
</div>
</div>
`,
directives: [PlayerComponent]
})
export class GameComponent {
player1: PlayerComponent;
player2: PlayerComponent;
constructor(player1:PlayerComponent,player2:PlayerComponent){
this.player1 = player1;
this.player2 = player2;
}
}
bootstrap(GameComponent);
开发者ID:mperezcol,项目名称:angular2-lab,代码行数:30,代码来源:game.ts
示例9: constructor
template: `
<div class="row">
<div class="col-md-12">
<new-genre-form />
</div>
</div>
<tabs>
<tab *ng-for="#genre of genres" [tab-title]="genre.name + ' (' + genre.artistCount + ')'">
<music-genre [genre]="genre"></music-genre>
</tab>
</tabs>
`,
directives: [TabsComponent, TabComponent, NgFor, MusicGenreComponent, NewGenreFormComponent]
})
class MusicBrowserComponent {
genres:Array<MusicGenre>;
constructor(musicGenreService: MusicGenreService) {
this.genres = musicGenreService.genres;
}
activateGenre(genre: MusicGenre){
this.genres.forEach(genre => genre.isActive = false);
genre.isActive = true;
return false;
}
}
bootstrap(MusicBrowserComponent);
开发者ID:nicojs,项目名称:angular2-music-browser,代码行数:30,代码来源:MusicBrowserComponent.ts
示例10: bootstrap
/// <reference path="typings/tsd.d.ts" />
import {bootstrap} from 'angular2/angular2';
import {Todo} from 'components/todo';
bootstrap(Todo);
开发者ID:trainerbill,项目名称:generator-ng-fullstack,代码行数:6,代码来源:index.ts
注:本文中的angular2/angular2.bootstrap函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。 |
请发表评论