Hinzufügen ngIf Bedingung für ngFor Werte

Ich habe eine ngFor wo ich alle Daten bringen. Jetzt muss ich einige Tasten ausblenden, wenn der Status inaktiv ist. Ich denke daran, ngIf dafür zu verwenden. Aber ich verstehe nicht, wie ich die Bedingung dafür schreiben soll. Wie überprüfe ich, ob der Status inaktiv ist und füge die NgIf-Bedingung hinzu?Hinzufügen ngIf Bedingung für ngFor Werte

<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>

Jetzt, wenn der Status inaktiv ist. Wenn ich das bearbeite. Ich sollte die Schaltflächen zum Bearbeiten und Löschen ausblenden.

<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>

Dafür brauche ich einen ngIf Wert haben. So dass beim Klicken diese ausgeblendet werden. Wie mache ich das??

Quelle

2017-07-24 Prakash

Sie Ihre Objekte aus der ngFor eine inaktive Eigenschaft haben? –

Ja. Der Status einiger Objekte ist inaktiv. Also wenn ich auf sie klicke, hängen die Status Buttons ab. – Prakash

@RahulSingh Ich habe nicht bekommen, was Sie mich gefragt haben zu tun? Ich habe den Link geöffnet. Sollte ich mich einloggen? – Prakash

Wenn Sie die Eigenschaft Sie haben, können Sie einfach vergleichen es

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

Quelle

2017-07-24 12:46:36

Ich möchte 'ngIf =" inaktiv "' hinzufügen und dann die 'ngIf' verwenden, ich möchte die Schaltflächen ausblenden. Ich muss wissen. Wie schreibe ich die Bedingung, wo ich 'ngIf' nur zum inaktiven Status hinzufügen werde. – Prakash

Sie fügen die ngIf nicht nur dem inaktiven Status hinzu, den Sie verwenden, um zu überprüfen, ob sie inaktiv ist. Sie können die Schaltflächen mit einer Div-Klasse umgeben und die ng dort platzieren oder direkt in die Schaltflächen einfügen. –

Hinzufügen ngIf Bedingung für ngFor Werte

Antwort

Verwandte Themen