0

私はAngularアプリに取り組んでおり、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でこのように何かをすることが可能かどうかさえわからないので、これは私が立ち往生しているビットです。

ng-switch-when 内で href を移動するのが簡単な方法であることはわかっていますが、問題は、href を移動すると、イオン フレームワークによって出力されたリストが適切にレンダリングされなくなることです...

angularを適切な方法で使用して、IDに従ってリンクを変更するにはどうすればよいですか?

ありがとう

4

1 に答える 1

1

ng-href を使用します。

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

http://jsfiddle.net/sm4xpe58/

于 2016-03-01T15:02:45.483 に答える