通过组件Angular 2中的选择器传递参数

时间:2016-12-08 10:20:35

标签: angular angular2-components

如果它通过选择器传递,我实际上想要在按钮(在btn.component.html中)上应用特定的类。

我的选择器是

<btn></btn>

btn.component.ts是

import {Component} from '@angular/core';

@Component({
  selector: 'btn',
  template: require('./btn.component.html')
})

export class BtnComponent { }

btn.component.html是

<button>Okay</button>

1 个答案:

答案 0 :(得分:6)

您可以将类名称作为params传递:

<btn className="btn-class"></btn>

//元器件

import { Component, Input } from '@angular/core';

@Component({
  selector: 'btn',
  template: `<button [class]="className">Okay</button>`
})    
export class BtnComponent {
  @Input() className :string = '';
}