Question

我正在从https://github.com/ng-select/ng-select/issues/786#issuecomment-418655803实现以下指令。但是我无法将element [directive]定位为样式。

对于简单属性，您可以像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;
}

Answer 2

有两种添加，删除类甚至更改类的方法。

<a[ngClass]="{'tested-class': condition }">testing</a>

 Or   
<a[ngClass]="[condition? 'tested-class-a': 'tested-class-b any-other']">testing</a>

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

2 个答案: