I'm working on an angular app, and I'm trying to set up a repeater with ng-switch.
The code I have so far looks like this:
<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-switch works fine, as I can see the right text, the problem I've got now is that I need to change the url, to something like this:
<a href="{{if room id == 0}}#/app/house{{else}}#/app/details/{{room.id}}{{/if}}">
This is the bit that i'm stuck with, as i don't really know if it is even possible to do something this way with ng-if.
I know that the easies way would be to move the href inside the ng-switch-when, but the problem is that if I move it, than the list printed by the ionic framework doesn't render properly anymore...
How can I change the link according to the id using angular in a proper way?
Thanks
Use ng-href:
<a ng-href="{{room.id == 0 ? '#/app/house' : '#/app/details/' + room.id}}">