передать параметр через селектор в компоненте 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 = ''; 
}