コンポーネントの角型セレクタにパラメータを渡します。

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> 

あなたが好きなのparamsとしてクラス名を渡すことができ

Answer 1

：

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