Question

我在我的应用中添加了ng2-select依赖项，但我想调整一下ng2-select的样式。有没有可能的方法我可以在我的应用程序中为这个ng2-select组件添加一些自定义className？

直接调整css是不利的，因为应用程序中有多个ng2-select，我只想调整其中一个。

@Component({
  template: `<ng2-select [class]="my-class"></ng2-select>`,
  selector: 'my-app',
  directives: [SELECT_DIRECTIVES]
})
class MyApp {
}

Answer 1

查看this Angular语法备忘单

<div [class.extra-sparkle]="isDelightful">

绑定存在   CSS类对元素的真实性进行了额外的闪耀   表达很有意思。

在你的情况下，它会是这样的

 @Component({
      template: `<ng2-select [class.my-class]="shouldClassExist"></ng2-select>`,
      selector: 'my-app',
      directives: [SELECT_DIRECTIVES]
    })
    class MyApp {
      shouldClassExist: boolean;

      changeClass(){
        //do something here
        this.shouldClassExist = true;    // set true or false
      }
    }

如何在Angular2中更改ViewChild的className？

1 个答案: