css - 如何定位方括号指令变量的CSS样式

Question

我正在执行来自 https://github.com/ng-select/ng-select/issues/786#issuecomment-418655803 的以下指令.但是我无法将元素 [指令] 定位到样式。

对于一个简单的属性，您可以像以下来自 w3s 的示例一样定位:

input[type=text] {
  width: 100px;
  -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}
input[type=text]:focus {
  width: 250px;
}

Search: <input type="text" name="search">

但是如何定位方括号换行属性呢？示例:

test[di=true] {
  color: red;
}

<test [di]="true">test</test>

任何想法都会受到赞赏。

Answer 1

我认为你不能那样做。您应该改为使用 ngClass:

<test [ngClass]="{'tested-class': true}">test</test>

test.tested-class {
  color: red;
}