javascript - Angular + Ionic 模板中的条件路由

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

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

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

enter image description here

在上图中,黄色行中包含子项目,该子项目应将用户重定向到屏幕 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>

最佳答案

你可以这样做:

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

关于javascript - Angular + Ionic 模板中的条件路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27145979/

相关文章:

javascript - 在动态表单上保留单选按钮的值

javascript - ionic 微调器没有出现

javascript - 为什么这个 window.open 在 Chrome 和 FF 上有效,但在 IE 上无效?

javascript - 谷歌自定义搜索提交

javascript - Angular ng-class中的css过渡淡入淡出

javascript - 使用 angularjs 列出 JSON 中的字段值

ionic-framework - Ionic 2 - 存储总是空的,直到重新加载应用程序

javascript - 根据用户角色在单个 View 中显示侧面菜单的不同内容

javascript - Firefox 不会加载填充页面内容的外部 https javascript

javascript - AngularJS $watch 不等待触发发生,执行回调函数内的 $scope