Question

所以我在这里可能以错误的方式使用Angular，但是我想做的是实例化一个组件并向其中添加另一个类。因此，例如，一个材料按钮看起来像这样：

<button mat-button color="primary">{{text}}</button>

如果我用

来称呼它

<app-material-button text="Something"></app-material-button>

它工作正常。但是，当我尝试使用其他类进行同一操作时，它将添加它，但会丢失看起来正确的所有类。

// Component template
    <button mat-button color="primary" class={{addon}}>{{text}}</button>
// Instance 
    <app-material-button text="Something" addon="smaller-button"></app-material-button>

基本上，我的问题是我如何才能将一个类附加到组件上，而又要在初始化时将其附加到其本身的任何其他类？

我知道我可能在这里像React一样使用Angular，但这是一件很简单的事情！

Answer 1

我想dat1 <- data.frame( cold = rep(c(0,25,14,18,22),925/5), date = seq(as.Date("1936/01/01"), as.Date("2013/01/01"), by="months")) ggplot(data=dat1, aes(x=date, y=cold))+ geom_line()+ scale_x_date(breaks = seq(dat1$date[lubridate::year(dat1$date)=="1940"][1], dat1$date[lubridate::year(dat1$date)=="2000"][1], by="10 years"))是addon ...使用Input decorator发送一个值，并在子组件中使用[addon]="'smaller-button'"指令

[ngClass]

Answer 2

当模板表达式的值为真时，您可以添加一个类。表达式错误时，它将删除该类。

<div class="special" [class.special]="!isSpecial">This one is not so special</div>

将其他类别传递给角度6的材质组件

2 个答案: