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工作正常，因为我可以看到正确的文字，我现在遇到的问题是我需要更改网址，如下所示：

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

这是我坚持的一点，因为我真的不知道是否有可能用ng-if这样做。

我知道简单的方法是在ng-switch-when内移动href，但问题是如果我移动它，那么离子框架打印的列表就不能再正常渲染了。 ..

如何以适当的方式使用角度根据id更改链接？

由于

Answer 1

使用ng-href：

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

http://jsfiddle.net/sm4xpe58/

角度和离子 - ng-switch改变网址

1 个答案: