Добавление условия ngIf для значений ngFor

У меня есть нг, куда я привожу все данные. Теперь мне нужно скрыть некоторые кнопки, если статус неактивен. Я подумываю использовать для этого ngIf. Но я не понимаю, как написать условие для этого. Как мне проверить, является ли статус неактивным, и добавить для него условие NgIf?

<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. Так что при нажатии они будут скрыты. Как это сделать??


person Prakash    schedule 24.07.2017    source источник
comment
У ваших объектов из ngFor есть неактивное свойство?   -  person Eduardo Vargas    schedule 24.07.2017
comment
да. Статус некоторых объектов неактивен. Поэтому, когда я нажимаю на них, в зависимости от состояния кнопки должны скрываться.   -  person Prakash    schedule 24.07.2017
comment
@RahulSingh, я не понял, что вы меня просили? Я открыл ссылку. Должен ли я авторизоваться?   -  person Prakash    schedule 24.07.2017
comment
Да, пракаш, пожалуйста, войдите в его раздел комментариев, где я использую такие вещи   -  person Rahul Singh    schedule 24.07.2017
comment
Я пробовал войти в систему через гугл. Но это не вход в систему. @RahulSingh   -  person Prakash    schedule 24.07.2017
comment
@Prakash может быть, вы находитесь за прокси-сервером или брандмауэром, если вы все равно загрузитесь через несколько секунд после входа в систему. Я использовал рендерер 2 для того же   -  person Rahul Singh    schedule 24.07.2017
comment
OK. Можете ли вы сказать мне, как я могу скрыть или показать кнопку в зависимости от их статуса? Могу ли я написать условие if при открытии модального окна? Вроде if(status = = inactive) { this.inactive = false} Примерно так. Я пробовал это. Но это скрывается даже у активных.   -  person Prakash    schedule 24.07.2017
comment
вам нужно сделать так if (status === 'inactive') if inactive - это строка   -  person Eduardo Vargas    schedule 24.07.2017


Ответы (1)


Если у вас есть недвижимость, которую вы хотите, вы можете просто сравнить ее

<span class="confirm-btns pull-left " *ngIf="obj.property==='inactive'" >
person Eduardo Vargas    schedule 24.07.2017
comment
Я хочу добавить ngIf = "inactive", а затем с помощью ngIf скрыть кнопки. Мне нужно знать. Как написать условие, при котором я буду добавлять ngIf только в неактивный статус. - person Prakash; 24.07.2017
comment
Вы не добавляете ngIf только в неактивный статус, вы используете его, чтобы проверить, неактивен ли он. Вы можете окружить кнопки классом div и поместить ng, если он есть, или поместить его непосредственно в кнопки. - person Eduardo Vargas; 24.07.2017