添加類到自定義組件角2

我有一個<myComponent ></myComponent>，我想給類myComponent？添加類到自定義組件角2

This doesnt worked `<myComponent class="my-class"></myComponent>`

我該怎麼做？

來源

2016-09-27 emanuel07

什麼是你所得到的問題？你是否試圖在組件的內容中應用類的風格？ –

是的@MadhuRanjan，我想給例如邊框顏色，寬度等作爲一個控制我的控制 – emanuel07

class MyComponent { 
    @HostBinding('class.my-class') 
    isMyClass:boolean = true; 
}

來源

2016-09-27 14:11:43

謝謝，並且在哪裏使用** isMyClass **屬性？ – emanuel07

對不起，我不確定我是否理解這個問題。 'isMyClass'只是我選擇的名字。名字並不重要。 ''class.my-class''定義了什麼類應該被添加或刪除。前綴'@HostBinding（）'的屬性值用於確定是否應該添加或刪除類（'true' /'false'）。 'isMyClass'這個名字唯一的地方就是當你想改變這個值，比如'this.isMyClass = false;' –

對不起，我不知道你的意思？你想完成什麼？什麼不在你的問題中使用代碼？ –

不要認爲將工作，但也有簡單的解決方法：

如果你想你的風格組件的位置/顏色等：

最好的解決方法是把你的<myComponent></myComponent>內<div>，如果你想你的風格組件的內容應用類到div

：

將在您的ComponentstyleUrls並用css文件樣式您的內容

來源

2016-09-27 14:10:15 Ivaro18

您可以使用主機方法

import {Component} from "@angular/core"; 

@Component({ 
    selector: 'COMPONENT NAME', 
    templateUrl: 'COMPONENT URL', 
    host: { 
     '[class.CLASS NAME]': 'VARIABLE NAME' 
    } 
}) 

export class componentName{ 
}

來源

2017-08-25 08:01:05 Temo

添加類到自定義組件角2

回答

相關問題