2017-02-01 104 views
0

我試圖隱藏/顯示ion-list的元素取決於單擊按鈕時更改的布爾變量。* ngIf離子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'" - 在這裏你只是服用編輯模式是truthy和按鈕將無法正常工作。

+0

'* ngIf =「editMode」'正常工作,但使用'* ngIf =「{{editMode}}」'不起作用。 – Hanzo

+0

好的..我會將它從答案中刪除..標記如果解決.. .. –