如何组合视图（UI）？

Question

因为我对Javascript有点弱，还在学习Angular。 我在尝试组合几个UI时遇到了麻烦，当然不是一次性的。 让我解释一下我要做的事情。

我有一个侧面菜单，当我点击菜单中的滑动页面时，我想添加一个刷卡页面。请参阅下面的图片。

围绕Angular的处理方式有问题，所以任何指针＆amp;提示会很感激。

Answer 1

这是你在找什么？

http://codepen.io/andrewmcgivery/pen/bqEeI

基本上，要将两者混合在一起，包含刷卡页面的离子窗格必须处于离子视图中。

<ion-view title="Welcome">
 <ion-pane ng-controller="CardsCtrl">

  <swipe-cards on-card-swipe="onSwipe($event)">

  <swipe-cards>
    <swipe-card on-card-swipe="cardSwiped()" id="start-card">
      Swipe down for a new card
    </swipe-card>
    <swipe-card ng-repeat="card in cards" on-destroy="cardDestroyed($index)" on-card-swipe="cardSwiped($index)">

      <div ng-controller="CardCtrl">
        <div class="title">
          {{card.title}}
        </div>
        <div class="image">
          <img ng-src="{{card.image}}">
        </div>
        <div class="button-bar">
          <button class="button button-clear button-positive" ng-click="goAway()">Answer</button>
          <button class="button button-clear button-positive" ng-click="goAway()">Decline</button>
        </div>
      </div>
    </swipe-card>
  </swipe-cards>
</ion-pane>