Условная маршрутизация в шаблоне Angular + Ionic

В настоящее время я новичок в Angular Ionic Framework.

У меня есть экран, на котором пользователь может видеть список элементов, где он может нажать на элемент и просмотреть детали элемента на экране. Однако в списке есть определенные элементы, в которых есть несколько подэлементов. При нажатии на эти элементы пользователь должен быть перенаправлен на другой экран, на котором будет отображаться подсписок элементов.

введите здесь описание изображения

Здесь на изображении выше строки с желтым цветом содержат подэлементы, которые должны перенаправлять пользователя на экран A, а другой элемент должен перенаправлять пользователя на экран B.

Вопросы 1. Есть ли способ добавить ng-if="alarm.status == 1" ng-href=" URL ДЛЯ ДОБАВЛЕНИЯ ЗДЕСЬ " else ng-href=" URL ДЛЯ ДОБАВЛЕНИЯ ЗДЕСЬ " напрямую в ion-list или что-то подобное?

Eg.

<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>

ionic-framework javascript hybrid-mobile-app angularjs
person Shrujan Shetty    schedule 26.11.2014    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Ты можешь сделать это:

ng-href="{{ alarm.status == 1? oneURL : otherURL  }}"
person Joao Leal    schedule 26.11.2014
comment
Спасибо за ваш ответ. Подскажите, пожалуйста, как передать параметры через URL. например, ng-href={{ alarm.multiple == 1? '#/app/alarmSource' : '#/app/alarm/alarm.id' }} - person Shrujan Shetty; 26.11.2014
comment
Внутри фигурных скобок вы пишете обычный javascript, поэтому вы можете сделать: '#/app/alarm/' + alarm.id - person Joao Leal; 26.11.2014