@attribute在angular2中使用两个或多个属性的用法

时间:2015-10-27 08:50:27

标签: angular

我的.ts文件包含代码:

<reference path="../../../node_modules/angular2/typings/tsd.d.ts" />

import {Component,View,Attribute} from 'angular2/angular2'

@Component({
    selector: 'joint-button',
    inputs: ['btnname,icon']
})
@View({
    templateUrl: 'static/components/button/button.html',
    styleUrls: ['static/components/button/button.css']
})
export class jointbutton{
    button_value: string;
    icon_value: string;
    constructor(@Attribute('btnname') btnname:string, @Attribute('icon') icon:string){
        this.button_value= btnname;
        this.icon_value= icon;
    }
}

和我使用过该组件的HTML部分如下所示:

<joint-button btnname="First Button" icon="glyphicon glyphicon-home"> </joint-button>

我的问题是如何将@Attribute属性与两个或多个属性一起使用,而不是一次又一次地为不同的属性重写代码行(如在Jointbutton的导出类中)。在这种情况下,我对diff使用了相同的@attribute行两次。属性。我想用它一次但是怎么样?

0 个答案:

没有答案