我有這個物件isArchiveValid ，它是根據相關模板的數量設定的。在我看來，我有一條訊息要顯示，還有一個按鈕要隱藏。有沒有辦法可以為兩者使用相同的物件 isArchiveValid 或者我是否需要另一個反向執行的物件？
類
showDialog() {
console.log(this.relatedTemplates.count);
this.isArchiveValid = this.relatedTemplates.count == 0 ? true : false;
console.log(this.isArchiveValid);
this.$modalDialogContainer.modal("show");
}
看法
<div class="row agent-form-row" *ngIf=isArchiveValid>
<div class="col-sm-10">
<div class="text-danger">
This Agent is being used by Templates and can't be archived
</div>
</div>
</div>
<button type="button" class="btn btn-primary" *ngIf=isArchiveValid (click)="onArchiveAgent()">Archive</button>
uj5u.com熱心網友回復：
只需使用邏輯 not!或 if/else：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_NOT
<div class="row agent-form-row" *ngIf="isArchiveValid">
<div class="col-sm-10">
<div class="text-danger">
This Agent is being used by Templates and can't be archived
</div>
</div>
</div>
<button type="button" class="btn btn-primary" *ngIf="!isArchiveValid" (click)="onArchiveAgent()">Archive</button>
uj5u.com熱心網友回復：
首先，isArchiveValid是一個變數而不是一個函式。如果要在存檔有效時隱藏文本，可以使用!isArchiveValid. 這意味著錯誤只會在isArchiveValid為假時顯示。
uj5u.com熱心網友回復：
ngIfElsengIf 指令有一個輸入。要使用它，請將 else 部分包裝在模板中并將其傳遞給指令else部分，ngIf如下所示：
<div class="row agent-form-row" *ngIf="isArchiveValid; else archiveBtnTemplate">
<div class="col-sm-10">
<div class="text-danger">
This Agent is being used by Templates and can't be archived
</div>
</div>
</div>
<ng-template #archiveBtnTemplate>
<button type="button" class="btn btn-primary" *ngIf=isArchiveValid
(click)="onArchiveAgent()">Archive</button>
</ng-template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/370081.html