长标题,但这是一个更好的解释。
我有一个名为“Login”的模板html文件。我在app.js中定义了一条路线,如此
.state('login', {
url: '/login',
templateUrl: 'templates/login.html',
controller: 'createAccountCtrl'
})
通过使用ui-sref =“login”,我可以从任何适合我需要的地方链接到这个模板。
然而,主应用程序使用抽象路径“选项卡”来加载包含主导航的选项卡模板。
.state('tab.about', {
url: '/about',
views: {
'about-tab': {
templateUrl: 'templates/about.html',
controller: 'aboutCtrl'
}
}
})
<ion-tabs tabs-style="tabs-icon-top" tabs-type="tabs-default">
<!-- Home Tab -->
<ion-tab title="Home" icon="icon ion-home" href="#/tab/home">
<ion-nav-view name="home-tab"></ion-nav-view>
</ion-tab>
<!-- Products Tab -->
<ion-tab title="Earn Points" icon="icon ion-ios7-plus-outline" href="#/tab/retail-store">
<ion-nav-view name="retail-store-tab"></ion-nav-view>
</ion-tab>
</ion-tabs>
我的问题是这个。我希望“登录”页面像其他每个页面一样拥有主应用程序的导航。这样,进入登录页面的用户,如果他们不登录,仍然可以导航到主页或关于页面。但是,我不想要显示自己的导航选项卡/图标。
是否可以直接将标签html添加到login.html模板文件中,或者可能隐藏登录图标/标签。我愿意接受建议和帮助。谢谢!
答案 0 :(得分:14)
标签应具有自己的标签图标。因此,您无法在选项卡抽象视图中放置登录页面,而无需为其创建选项卡图标。
您应该为登录页面添加单独的选项卡式导航,而不是将登录页面放在选项卡抽象视图下。
将以下视图加载到索引页面。
<ion-view title="'Login'">
<ion-content has-header="true" has-footer="true" padding="true">
Login page content goes here
</ion-content>
<div class="tabs tabs-icon-left">
<a class="tab-item" href="#/tab/home">
Home
</a>
<a class="tab-item" href="#/tab/about">
About
</a>
</div>
</ion-view>