将参数通过组件角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 = '';
}