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

Question

我实际上想在按钮（在 btn.component.html 中）上应用特定的 class 如果它通过选择器传递。

我的选择器是

<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

您可以将 class 名称作为参数传递，例如：

<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 = '';
}

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

pass parameter through selectors in component Angular 2

angular2-components

angular