2017-02-01 13 views
0

Я пытаюсь скрыть/показать элементы ion-list в зависимости от логической переменной, которая изменяется при нажатии кнопки.* ngIf on Ionic 2 не работает со связыванием

Проблема в том, что если я попробую с *ngIf="{{editMode}}", то ionic serve --lab показывает пустой экран в браузере.

<ion-item-sliding *ngFor="let item of items" (click)="itemTapped($event, item)"> 
     <ion-item> 

     <ion-icon item-left name="rose" *ngIf="{{editMode}}"></ion-icon> 

     <ion-icon name="{{item.icon}}" item-left></ion-icon> 
     {{item.title}} 
     <div class="item-note" item-right> 
      {{item.note}} 
     </div> 

     </ion-item> 

И если я попробовать с *ngIf="'editMode'" результат нажатием на кнопку ничего.

Когда я нажимаю на кнопку навигационной панели, переменная boolen изменяется на true/false.

Что было бы неправильно?

+0

когда вы делаете '* ngIf =" {{editMode}} "' какие-либо журналы в консоли? –

ответ

3

Проверить here

Вы должны сделать *ngIf="editMode"

*ngIf="'editMode'" - Вот вы только что нашли строку Editmode, который truthy и кнопка не будет работать.

+0

'* ngIf =" editMode "' отлично работает, но с '* ngIf =" {{editMode}} "' doesn't работает. – Hanzo

+0

ok .. я удалю это из ответа .. знак если решение .. –