添加ngIf条件为ngFor值

我有一个ngFor我将所有的数据。现在，如果状态处于非活动状态，我需要隐藏一些按钮。我正在考虑使用ngIf。但我不知道如何写出这个条件。我如何检查状态是否处于非活动状态并为这些状态添加NgIf条件？添加ngIf条件为ngFor值

<tbody id="address-list" *ngIf="addressData"> 
    <tr *ngFor="let full of addressData " class="{{full.status}}style show-{{full.status}}" data-target="#address-details-modal" data-toggle = "modal" (click)="seperateId(full.ID)"> 
    <td class="{{full.status}}style show-{{full.status}}" > 
     {{full.address1}} {{full.address2}} 
    </td> 
    <td class="{{full.status}}style show-{{full.status}}"> 
     {{full.type}} 
    </td> 
    <td class="{{full.status}}style show-{{full.status}}"> 
     {{full.status}} 
    </td> 
    </tr> 
</tbody>

现在，如果状态是无效的。当我编辑。我应该隐藏编辑和删除按钮。

<div class="modal-footer"> 
    <span class="action-btns" *ngIf="active"> 
    <button class="btn btn-primary btn-md edit-btn pull-left" title="Edits" id="edit-btn-address" (click)="editModal()"><span class="glyphicon glyphicon-pencil"></span></button> 
    <button class="btn btn-danger btn-md delete-btn pull-left" title="Make Inactive" id="remove-btn-address" (click)="makeInactive()" ><span class="glyphicon glyphicon-trash" ></span></button> 
    <button type="button" data-dismiss="modal" class="btn btn-default close-btn pull-right">Close</button> 
    </span> 
    <span class="edit-btns" *ngIf="edit" > 
    <button type="button" class="btn btn-default cancel-btn" (click)="editm()">Cancel</button> 
    <button type="button" data-dismiss="modal" class="btn btn-primary saveEqualBtn save-btn" (click) = "TableUpdate(addressid.ID)" [disabled]="!addressHistory.form.valid" data-dismiss="modal">Save</button> 
    </span> 
    <span class="confirm-btns pull-left " *ngIf="inactive" > 
    <span >Make Inactive?</span> 
    <button type="button" class="btn btn-sm btn-default no-btn" (click)="makeInactive()" >No</button> 
    <button type="button" class="btn btn-sm btn-danger yes-btn" data-dismiss="modal" (click)="AddressInactive(addressid.ID)" >Yes</button> 
    </span> 
</div>

为此，我需要一个ngIf值。所以点击这些将被隐藏。我怎么做？？

来源

2017-07-24 Prakash

从做ngFor你的对象有不活动的性质？ –

是的。一些对象的状态是不活动的。所以当我点击它们时，根据状态按钮应该隐藏。 – Prakash

@RahulSingh我没有得到你要求我做的事情？我打开链接。我应该登录吗？ – Prakash

如果你有你想要的属性，您可以只比较这

<span class="confirm-btns pull-left " *ngIf="obj.property==='inactive'" >

来源

2017-07-24 12:46:36

我想添加'ngIf =“inactive”'，然后使用'ngIf'我想隐藏按钮。我需要知道。如何编写条件，我只将'ngIf'添加到非激活状态。 – Prakash

您不会将ngIf仅添加到您用来检查它是否处于非活动状态的非活动状态。你可以用div class来包围按钮，如果有的话直接放在按钮中。 –

添加ngIf条件为ngFor值

回答

相关问题