2016-03-01 38 views
0

我正在研究一個角度的應用程序,我試圖設置一箇中繼器與ng開關。角和離子 - ng開關更改網址

的代碼,我到目前爲止是這樣的:

<ion-content> 
    <ion-list> 
     <ion-item menu-close ng-repeat="room in rooms" ng-switch="room.id" href="#/app/details/{{room.id}}" id="room-list-entry-{{room.id}}" class="item item-icon-right"> 

      <!--Template for id 0--> 
      <div ng-switch-when="0" class="myHouse"> 
       testing template id 0 
      </div> 

      <!--Template for all the other rooms--> 
      <div ng-switch-default class="rooms"> 
       testing template all the others 
      </div> 
      </ion-item> 
    </ion-list> 

NG-開關正常工作,因爲我可以看到右側的文本,我現在已經有了,問題是我需要的更改URL,以這樣的:

<a href="{{if room id == 0}}#/app/house{{else}}#/app/details/{{room.id}}{{/if}}"> 

這就是我堅持了,因爲我真的不知道,如果它甚至可以做一些這樣與NG-如果該位。

我知道easies的方式是在ng-switch-time裏面移動href,但問題是如果我移動它,比由離子框架打印的列表無法正常渲染。

如何以適當的方式根據id使用角度更改鏈接?

感謝

回答

1

使用NG-HREF:

<a ng-href="{{room.id == 0 ? '#/app/house' : '#/app/details/' + room.id}}"> 

http://jsfiddle.net/sm4xpe58/

+0

真棒!那工作。非常感謝你的幫助! – Nick