AngularJS ng-click 跳转到另一个页面(使用Ionic框架)

13 浏览
0 Comments

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');

0