我使用以下命令创建了一个新应用程序:
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>
只是从一个页面\ view \ controller?
更新
我的控制器改为:
.controller('homeCtrl', function ($scope, $ionicNavBarDelegate) {
$ionicNavBarDelegate.showBar(false);
$scope.me = "my name";
})
但即使docs说这是正确的方法,仍然无效。
答案 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);