如何在 component.html if column type=1 display label text Active else display Not active 中签入？

Question

我有对象名称 ReportControl 我遇到问题我无法检查与此对象相关的值

如果列类型为 1，则显示标签处于活动状态，否则显示标签在 reportcomponent.html

上未处于活动状态

对象ReportControl的数据如下

{"reportId":2028,"fieldName":"offilneURL","reportStatus":"HiddenColumn","columnType":1}

在 reportcomponent.ts

this._displayreport.GetReportControl(param2).subscribe((res: any) => {
        this.ReportControl = res;
        console.log("report control is" + JSON.stringify(this.ReportControl) );

      });

于 service.ts

  GetReportControl(id : string){
      return this.http.get<any[]>(this.url+ 'report/GetAllReportControl/id=' + id)
      .map(res=>res);

    }

reportcomponent.html

我需要检查 column type = 1 然后显示带有文本活动的标签否则显示文本不活动的标签。

带有活动文本的预期结果显示标签

Answer 1

这就是您在 html 中有条件地显示文本的方式，这是您所期望的吗？

<label>{{ReportControl.columnType == 1 ? 'Active' : 'Inactive'}}</label>

使用*ngIf

<label *ngIf="ReportControl.columnType == 1">Active</label>
<label *ngIf="ReportControl.columnType == 0">Inactive</label>

如何在 component.html if column type=1 display label text Active else display Not active 中签入？

How to check in component.html if column type=1 display label text Active else display Not active?

javascript

typescript

angular-directive

angular-components

angular7