隐藏控制器的标题栏

时间:2015-11-25 15:11:10

标签: angularjs cordova ionic

我使用以下命令创建了一个新应用程序:

ionic start myApp sidemenu

home.html文件夹中添加了templates页面,将以下内容添加到app.js文件中:

.state('app.home', {
    url: '/home',
    views: {
        'menuContent': {
            templateUrl: 'templates/home.html',
            controller: 'homeCtrl'
        }
    }
})

并添加了以下控制器:

.controller('homeCtrl', function ($scope) {
ionic.Platform.ready(function () {
    $scope.me = "my name";
    //ionic.Platform.fullScreen(true, false);
    //$cordovaStatusbar.hide();
    //StatusBar.hide();
});
})

我的home.html

<ion-view>
<ion-content>
    <h3 style="margin-top:30px;">User Name {{me}}</h3>
    <select class="center" style="margin-top:10px;">
        <option>Blue</option>
        <option>Green</option>
        <option>Red</option>
    </select>
</ion-content>
</ion-view>

我的问题是如何隐藏这个顶部栏: ion bar

只是从一个页面\ view \ controller?

更新
我的控制器改为:

.controller('homeCtrl', function ($scope, $ionicNavBarDelegate) {
    $ionicNavBarDelegate.showBar(false);
    $scope.me = "my name";
})

但即使docs说这是正确的方法,仍然无效。

1 个答案:

答案 0 :(得分:1)

试试这个,

<ion-view hide-nav-bar="true">
    <ion-content>
        <h3 style="margin-top:30px;">User Name {{me}}</h3>
        <select class="center" style="margin-top:10px;">
            <option>Blue</option>
            <option>Green</option>
            <option>Red</option>
        </select>
    </ion-content>
</ion-view>

在控制器中添加此行

$ionicNavBarDelegate.showBar(false);

Refer