• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript core.Component函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中angular2/core.Component函数的典型用法代码示例。如果您正苦于以下问题:TypeScript Component函数的具体用法?TypeScript Component怎么用?TypeScript Component使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



在下文中一共展示了Component函数的6个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: Error

export const Component = (metadata: {
    selector?: string,
    inputs?: string[],
    outputs?: string[],
    properties?: string[],
    events?: string[],
    host?: {[key: string]: string},
    providers?: any[],
    exportAs?: string,
    moduleId?: string,
    viewProviders?: any[],
    queries?: {[key: string]: any},
    changeDetection?: ChangeDetectionStrategy,
    templateUrl?: string,
    template?: string,
    styleUrls?: string[],
    styles?: string[],
    directives?: Array<Type | any[]>,
    pipes?: Array<Type | any[]>,
    encapsulation?: ViewEncapsulation
  } = {}) => {
  if (typeof __moduleName === 'undefined' && typeof module === 'undefined') {
    throw new Error('Only SystemJS and CommonJS are supported.');
  }
  metadata.moduleId = typeof __moduleName === 'undefined' ? module.id : __moduleName;
  return OriginalDecorator(metadata);
};
开发者ID:mgechev,项目名称:ng2-cmp,代码行数:27,代码来源:component.ts


示例2: AppComponent

var AppComponent = (function () {
    function AppComponent() {
    }
    AppComponent = __decorate([
        core_1.Component({
            selector: "main-app",
            template: "<h1>Hello World!</h1>"
        })
    ], AppComponent);
    return AppComponent;
}());
开发者ID:beorosz,项目名称:Angular2Seed,代码行数:11,代码来源:app.component.ts


示例3: Component

    },
    {
        path: '/heroes',
        name: 'Heroes',
        component: HeroesComponent
    }
])(
    Component({
        selector: 'my-app',
        template: `
            <h1>{{title}}</h1>
            <nav>
            <a [routerLink]="['Dashboard']">Dashboard</a>
            <a [routerLink]="['Heroes']">Heroes</a>
            </nav>
            <router-outlet></router-outlet>
        `,
        styleUrls: ['app/app.component.css'],
        directives: [ROUTER_DIRECTIVES],
        providers: [
            ROUTER_PROVIDERS,
            HeroService
        ]
    })
    .Class({
        constructor: function() {
            this.title = 'Tour of Heroes';
        }
    })
);
开发者ID:trotyl,项目名称:ng2-demo,代码行数:30,代码来源:app.component.ts


示例4: Component

import {Component} from 'angular2/core';

Component({
  selector: 'subject',
  template: 'This is subject'
})
export class MainComponent{

}
开发者ID:Angularne,项目名称:angular2-express-mysql-typescript-seed,代码行数:9,代码来源:subject.component.ts


示例5: Component

import { Component } from 'angular2/core';
import { Router } from 'angular2/router';

import { HeroService } from './hero.service';

export const DashboardComponent = (
    Component({
        selector: 'my-dashboard',
        templateUrl: 'app/dashboard.component.html',
        styleUrls: ['app/dashboard.component.css']
    })
    .Class({      
        constructor: [Router, HeroService, function(router, heroService) {
            this._router = router;
            this._heroService = heroService;
            this.heroes = [];
        }],

        ngOnInit() {
            this._heroService.getHeroes()
                .then(heroes => this.heroes = heroes.slice(1,5));
        }, 

        gotoDetail(hero) {
            let link = ['HeroDetail', { id: hero.id }];
            this._router.navigate(link);
        }
    })
);

/*
开发者ID:trotyl,项目名称:ng2-demo,代码行数:31,代码来源:dashboard.component.ts


示例6: Component

import { Component } from 'angular2/core';
import { RouteParams } from 'angular2/router';

import { HeroService } from './hero.service';

export const HeroDetailComponent = (
    Component({
        selector: 'my-hero-detail',
        templateUrl: 'app/hero-detail.component.html',
        styleUrls: ['app/hero-detail.component.css'],
        inputs: ['hero']
    })
    .Class({
        constructor: [HeroService, RouteParams, function(heroService, routeParams) {
            this._heroService = heroService;
            this._routeParams = routeParams;
        }],

        ngOnInit() {
            let id = +this._routeParams.get('id');
            this._heroService.getHero(id)
                .then(hero => this.hero = hero);
        },

        goBack() {
            window.history.back();
        }
    })
);
 
开发者ID:trotyl,项目名称:ng2-demo,代码行数:29,代码来源:hero-detail.component.ts



注:本文中的angular2/core.Component函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript core.HostBinding函数代码示例发布时间:2022-05-25
下一篇:
TypeScript testing.TestComponentBuilder类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap