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

Javascript 如何使用ionic框架使用Angular JS制作路由页面,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我对Ionic框架和angular js都是新手,我发现它们非常有用 我遇到了一个小问题。我无法创建路由页面。我只想动态链接两个页面 在第一页,我有一个使用ng repeat的朋友列表 当我点击一个列表项时,我想显示另一个页面,其中包含所选朋友的所有详细信息 我对Angular js和Ionic文档的阅读感到困惑。所以你能用一个简单的代码来帮我吗 这是我的密码: 朋友 好友详细信息 我编辑了你的代码笔,看一看。是的,您丢失了$state,以及anuglar.config。我希望您了解如何使用

我对Ionic框架和angular js都是新手,我发现它们非常有用

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

在第一页,我有一个使用
ng repeat
的朋友列表

当我点击一个列表项时,我想显示另一个页面,其中包含所选朋友的所有详细信息

我对Angular js和Ionic文档的阅读感到困惑。所以你能用一个简单的代码来帮我吗

这是我的密码:


朋友
好友详细信息

我编辑了你的代码笔,看一看。是的,您丢失了
$state
,以及
anuglar.config
。我希望您了解如何使用状态以及如何在它们之间传递数据


您缺少路由设置(ui路由器和状态)+使用ui srefthanks调用嵌套状态以获取您的评论!你能举个例子吗
<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>