我对 Ionic 框架和 Angular js 都很陌生,我发现它们确实很有帮助。
我遇到了一个小问题。我无法制作路由页面。我只想动态链接两个页面。
在第一页上,我有一个使用 ng-repeat
的 friend 列表。
当我单击列表项时,我想显示另一个页面,其中包含所选 friend 的所有详细信息。
阅读 Angular js 和 Ionic 文档时我感到很困惑。那么你能用一个简单的代码来帮助我们吗?
这是我的代码:
<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>
最佳答案
我编辑了你的CodePen,你看看。是的,您缺少 $state
以及 anuglar.config
。我希望您清楚如何使用状态以及如何在它们之间传递数据。
关于javascript - 如何使用 ionic 框架使用 Angular JS 制作路由页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30503623/