AngularJS ng-click 跳转到另一个页面(使用Ionic框架)
AngularJS ng-click 跳转到另一个页面(使用Ionic框架)
理想情况下,当我点击顶部Ionic导航栏中的按钮时,它应该将我带到另一个页面。然而它没有起作用。点击后,导航栏的按钮全部消失。
当我使用虚拟代码时,它可以工作;弹出警告。但是当我将其替换为实际代码时,它无法工作。我感觉控制器代码和URL或视图的引用有问题。但是使用href和ui-sref进行测试也无法获得任何结果。Google开发者工具(JS控制台)和Batarang也没有显示任何内容。能否有人指点迷津?
虚拟HTML代码
虚拟JS文件中的控制器代码
$scope.create = function() {
alert("working");
};
实际HTML代码(我尝试了所有4个版本)
控制器文件(Post和Auth依赖项正常工作)。当我尝试在.go()和function()中放入URL时,应用程序失败。
app.controller('NavCtrl', function ($scope, $location, $state, Post, Auth) {
$scope.post = {url: 'http://', title: ''};
$scope.create = function() {
/* $location.path('/tab/newpost'); */ /* 这个变体无法工作 */
$state.go("/tab/newpost");
};
});
状态js文件的摘录
.state('tab.newpost', {
url: '/newpost',
views: {
'tab-newpost':{
templateUrl: 'templates/tab-newpost.html',
controller: 'NewCtrl'
}
}
});
$urlRouterProvider.otherwise('/auth/login');