Угловой и ионный - нг-переключатель для изменения URL

Question

Я работаю над угловым приложением и пытаюсь настроить ретранслятор с помощью ng-switch.

Код, который у меня есть, выглядит примерно так:

<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 работает нормально, так как я вижу правильный текст, проблема, которая у меня сейчас возникла, заключается в том, что мне нужно изменить URL-адрес на что-то вроде этого:

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

Это та часть, с которой я застрял, так как не знаю, возможно ли вообще что-то сделать с помощью ng-if.

Я знаю, что проще всего было бы переместить href внутри ng-switch-when, но проблема в том, что если я переместу его, то список, напечатанный ионной структурой, больше не будет отображаться должным образом...

Как правильно изменить ссылку по идентификатору, используя angular?

Спасибо

Answer 1

Используйте ng-href:

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

http://jsfiddle.net/sm4xpe58/