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

Question

我实际上想要在按钮(在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>

Answer 1

您可以将类名称作为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 = '';
}