【问题标题】:Conditional Routing in Angular + Ionic templateAngular + Ionic 模板中的条件路由
【发布时间】:2015-01-24 14:15:01
【问题描述】:

我目前是 Angular Ionic 框架的新手。

我有一个屏幕,用户可以在其中看到项目列表,他可以在其中点击项目并在屏幕上查看项目的详细信息。但是,列表中的某些项目中有多个子项目。在点击这些项目时,用户必须被重定向到另一个屏幕,该屏幕将显示项目的子列表

在上图中,黄色的行中有子项目,它们应该将用户重定向到屏幕 A,另一个项目应该将用户重定向到屏幕 B。

问题 1.有没有办法添加 ng-if="alarm.status == 1" ng-href=" URL TO BE ADDED HERE " else ng-href=" URL TO BE ADDED HERE "直接在 ion-list 中还是类似的?

例如。

<ion-list >    
      <ion-item class="item-icon-right " ng-repeat="alarm in alarmList| filter: alarmName" type="item-text-wrap" ng-if="alarm.status == 1" ng-href=" URL TO BE ADDED HERE " else ng-href=" URL TO BE ADDED HERE " on-swipe-right="swipeRight()" on-swipe-left="acknoledge()" can-swipe="true">


        ....... 

      </ion-item>
    </ion-list>

【问题讨论】:

    标签: javascript angularjs ionic-framework hybrid-mobile-app


    【解决方案1】:

    你可以这样做:

    ng-href="{{ alarm.status == 1? oneURL : otherURL  }}"
    

    【讨论】:

    • 感谢您的回复。你能告诉我通过url传递参数的方法吗?例如 ng-href="{{ alarm.multiple == 1? '#/app/alarmSource' : '#/app/alarm/alarm.id' }}"
    • 在大括号内你正在编写普通的javascript,所以你可以这样做:'#/app/alarm/' + alarm.id
    猜你喜欢
    • 1970-01-01
    • 2019-05-09
    • 2023-04-04
    • 2019-06-24
    • 1970-01-01
    • 2015-09-10
    • 2019-09-11
    • 1970-01-01
    • 2017-11-21
    相关资源
    最近更新 更多