Как сравнить ENUMS в Angular?

Question

Я сохранил некоторые Enums и хотел бы сравнить их в своем интерфейсе.

Вот мои Enums:

src/shared/models/report/data-type.enum.ts
export enum DataType {
  DASHBOARD = 'DASHBOARD',
  REPORT = 'REPORT',
  APP = 'APP',
}

В моем компоненте я бы хотелсравните, если это APP или какое-то другое значение.Если это Enum APP, я бы хотел показать другую кнопку в моем интерфейсе.

src/shared/components/report-modal/report-modal.component.ts

readonly isApplication = this.DataType.APP === true

Вот код html-компонента:

src/shared/components/report-modal/report-modal.component.html
      <div *ngIf="!hasNoAccess && isApplication" >
        <a class="button"
           [class.button--primary]="hasAccess"
           [class.button--secondary]="!hasAccess"
           [attr.href]="report.link"
           aria-describedby="access-btn-hint"
           target="_blank">{{'REPORT.GO_TO_APP'|translate}}</a>
      </div>
      <div *ngIf="!hasNoAccess && !isApplication" >
        <a class="button"
           [class.button--primary]="hasAccess"
           [class.button--secondary]="!hasAccess"
           [attr.href]="report.link"
           aria-describedby="access-btn-hint"
           target="_blank">{{'REPORT.GO_TO_REPORT'|translate}}</a>
      </div>

Как я могу заставить это работать?THX