javascript - 如何使用 ionic 框架使用 Angular JS 制作路由页面

Question

我对 Ionic 框架和 Angular js 都很陌生，我发现它们确实很有帮助。

我遇到了一个小问题。我无法制作路由页面。我只想动态链接两个页面。

在第一页上，我有一个使用 ng-repeat 的 friend 列表。

当我单击列表项时，我想显示另一个页面，其中包含所选 friend 的所有详细信息。

阅读 Angular js 和 Ionic 文档时我感到很困惑。那么你能用一个简单的代码来帮助我们吗？

这是我的代码:

CODEPEN

<div ng-controller="MyCtrl"> 
  <ion-content> 
 <div class="list">

  <div class="item item-divider">
    Friends
  </div>

   <a class="item" href="#" ng-repeat="item in items">

        <h3>{{item.name}}</h3>

</a>   

  </div>
    </ion-cotent>
</div>

<script id="friend.html" type="text/ng-template">
      <view left-buttons="leftButtons" right-buttons="rightButtons" hide-back-button="true" title="'Awesome'">
        <content padding="true" has-header="true">
          <h1>Friend details</h1>
        </content>
      </view>
    </script>

Answer 1

我编辑了你的CodePen，你看看。是的，您缺少 $state 以及 anuglar.config。我希望您清楚如何使用状态以及如何在它们之间传递数据。

CodePen