Javascript 如何使用ionic框架使用Angular JS制作路由页面
我对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。我希望您了解如何使用
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>