我正在从http://learn.ionicframework.com/formulas/navigation-and-routing-part-1/
学习Ionic中的导航和路由&安培;我想了解映射,我没有从文档中清楚地了解它。
下面的代码来自我的app.js
app.config(function($stateProvider, $urlRouterProvider) {
console.log('In Config');
$urlRouterProvider.otherwise('/')
$stateProvider.state('home', {
url: '/home',
views: {
home: {
templateUrl: 'home.html'
}
}
})
})
&安培;以下代码来自Index.html
<ion-tabs class="tabs-positive">
<ion-tab icon="ion-home" ui-sref="home">
<ion-nav-view name="home"></ion-nav-view>
</ion-tab>
我所理解的是ui-serif与州名称映射。我没有得到url,templateUrl&amp;离子导航视图名称彼此相关或相互映射,因为如果我更改其中任何一个,我的应用程序将无效。
答案 0 :(得分:3)
让我稍微改变你的例子,这样你就能理解更多:
$stateProvider.state('homeState', {
url: '/homeUri',
views: {
homeName: {
templateUrl: 'home.html'
}
}
})
在您的网页中引用如下:
<ion-tab icon="ion-home">
<ion-nav-view name="homeName"></ion-nav-view>
</ion-tab>
或者您可以使用a href:
访问它<a href="{{homeUri}}">
或使用ui-router路由
<a ui-sref="homeState">