angularjs手风琴列表锚定替代元素

时间:2016-08-05 21:03:07

标签: angularjs accordion

我的手风琴名单填写如下:

<ion-list>
  <div ng-repeat="day in days"><br>
    <div class="item item-icon-left"  ng-click="toggleGroup(day)" ng-class="{active: isGroupShown(day)}">
      <i class="icon icon-accessory" ng-class="isGroupShown(day) ? 'ion-minus' : 'ion-plus'"></i>
      &nbsp;
      {{day.name}}
    </div>
    <a class="item item-icon-left item-accordion" ng-show="isGroupShown(day)" ng-repeat="exercise in day.exercises" type="item-text-wrap"
       href="#/tab/plan/{{exercise.id}}">
      {{exercise.name}}

      <!-- Trial LED -->

        <span style="float:right;"><i ng-show="{{exercise.watchedToday}}==true" class="ion-checkmark-round"></i></span>

    </a>
  </div>
</ion-list>

此填充列表如下:

enter image description here

处理此问题的路线是:

.state('tab.exercise', {
    url: '/plan/:exerciseId', 
    resolve: {
      authenticated: ['djangoAuth', function(djangoAuth){
        return djangoAuth.authenticationStatus();
      }],
    },
    views: {
      'tab-plan': {
        templateUrl: '/templates/video.html',
        controller: 'videoCtrl'
      }
    },
    cache: false
  })

但是我的其他路线很少,如:

 .state('tab.wordschatz', {
    url: '/plan/12', <= notice here (this can be 8/9/10/11/12)
    resolve: {
      authenticated: ['djangoAuth', function(djangoAuth){
        return djangoAuth.authenticationStatus();
      }],
    },
    views: {
      'tab-plan': {
        templateUrl: '/templates/wortschatz.html',
        controller: 'wortschatzCtrl',
        data: {
          css: '/css/wortschatz.css'
        }  
      }
    },
    cache: false
  })

我基本上想要在替代手风琴元素点击上导航到不同的页面。如何为备用元素分别使用锚链接?

0 个答案:

没有答案