我想使用选项卡式菜单将新页面添加到默认离子应用程序中,并将此页面显示为应用程序的默认页面。
我尝试这样做的方法如下:我在 app.js 中添加了新状态
.state('home', {
url: '/home',
views: {
'home': {
templateUrl: 'templates/home.html',
controller: 'HomeCtrl'
}
}
})
并将默认路由器设置为主页
$urlRouterProvider.otherwise('/home');
和模板文件:
<ion-view title="Home">
<ion-content class="padding">
<h1>Home page</h1>
</ion-content>
</ion-view>
现在,如果我想去http://myapp.loc/index.html#/home
我总是得到没有内容的黑页。
我做错了什么?
谢谢你的帮助。
EDIT:为了错误:[ng:areq] 参数“HomeCtrl”不是函数,未定义我正在添加相关代码。
添加控制器:
angular.module('starter.controllers', [])
.controller('HomeCtrl', function($scope, $location) {
})
.controller('DashCtrl', function($scope) {
})
.controller('FriendsCtrl', function($scope, Friends) {
$scope.friends = Friends.all();
})
.controller('FriendDetailCtrl', function($scope, $stateParams, Friends) {
$scope.friend = Friends.get($stateParams.friendId);
});
index.html 中的顺序如下
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/controllers/overall_stats.js"></script>
<script src="js/services.js"></script>