必须有一种更优雅的方式来做到这一点。
我只是; 将此布尔标志从页面标记传递到子组件：
<span *ngIf="flushToText">
<span
class="icon flushToText"
[title]="tooltip" >
</span>
</span>
<span *ngIf="!flushToText">
<span
class="icon"
[title]="tooltip">
</span>
</span>
本质上，这表示：如果flushToText 为TRUE，则添加类flushToText。
（这是调用它的标记：）
<app-td-label
id="industry"
tooltip="Enter key words"
bold="true"
flushToText="true">
</app-td-label>
我尝试过 ng-class，但似乎无法获得正确的语法。我尝试了引号和括号的每种组合：
ng-class="flushToText: flushToText"
ng-class="'flushToText': flushToText"
ng-class="{'flushToText': flushToText==true}"
等等。
您的实施存在一些问题。这ng-class是一种 AngularJS(1.x) 语法，不适用于 Angular(2+)。
Angular 中的语法已更改为：
<span
class="icon"
[class.flushToText]="flushToText">
{{ tooltip }}
</span>
或者，你也可以使用这个：
<span
class="icon"
[ngClass]="{ 'flushToText': flushToText }">
{{ tooltip }}
</span>
这是供您参考的工作示例 StackBlitz。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句