Angular-JS激活另一个类时激活一个类

时间:2018-09-05 07:39:58

标签: html angular typescript ng-class angular-ng-if

当我使用ngClass激活类xy时,我想激活类xyz。
我要实现这种情况:

if class xyz is in the tag
activate class xy
ngClass="'xyz' then xy"

3 个答案:

答案 0 :(得分:0)

如果通过SOMELOGIC触发了 xzy ,为什么不使用相同的SOMELOGIC触发 xy 类呢?试试吧,我认为这是合乎逻辑的。祝你好运:)

答案 1 :(得分:0)

  

在Primeng-datatable复选框中,我想显示一个自定义   刻度线。因此,当切换复选框时,我想激活   切换复选框后,停用特定的课程。

为了实现这一点,您可以执行此操作 在html

PUSH

以ts

HistoryAPI

答案 2 :(得分:0)

这里是示例:

<p-dataTable [value]="cars" [(selection)]="selectedCars3" dataKey="vin" [paginator]="true" [rows]="5" [headerCheckboxToggleAllPages]="true">
    <p-header [ngClass]="{'xy': someVar}">Checkbox Multiple Selection with Paging</p-header>
    <p-column [ngClass]="{'xyz': someVar}" [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
    <p-column field="vin" header="Vin"></p-column>
    <p-column field="year" header="Year"></p-column>
    <p-column field="brand" header="Brand"></p-column>
    <p-column field="color" header="Color"></p-column>
    <p-footer>
        <ul>
            <li *ngFor="let car of selectedCars3" style="text-align: left">{{car.vin + ' - ' + car.brand + ' - ' + car.year + ' - ' + car.color}}</li>
        </ul>
    </p-footer>
</p-dataTable>

p-header类上应用xy类。当 someVar 为true时触发。在p-column上应用xyz时,它也会在 someVar 为true时触发。因此,关键是,如果要在触发 xy 时触发 xyz ,只需使用触发 xy <的变量来触发 xyz / strong>。希望对您有所帮助:)