理想情况下，当我单击按钮（位于顶部离子导航栏上）时，它应该将我带到另一页。但是它不起作用。单击后，导航栏按钮全部消失。

当我使用伪代码时，它可以工作；警报出现。但是，当我将其交换为实际代码时，它将无法正常工作。

我感觉控制器代码以及URL或视图的引用方式有问题。但是使用href和ui-sref进行测试也无法产生任何结果。Google Devt
Tools（JS控制台）和Batarang也没有显示任何内容。

有人可以给我指路吗？

虚拟HTML代码

<button class="button button-icon ion-compose" ng-click="create()"></button>

js文件中的虚拟控制器代码

$scope.create = function() {
  alert("working");
};

实际的html代码（我尝试了全部4个版本）

<button class="button button-icon ion-compose" ng-click="create('tab.newpost')"></button>
<button class="button button-icon ion-compose" ui-sref="tab.newpost"></button>
<button class="button button-icon ion-compose" href="/tab/newpost"></button>
<button class="button button-icon ion-compose" ng-click="location.path('/tab/newpost')"></button>

控制器文件（“发布”和“验证”依赖项正常工作）。 当我尝试将URL放入.go（）和function（）时，应用程序失败。

app.controller('NavCtrl', function ($scope, $location, $state, Post, Auth) {
    $scope.post = {url: 'http://', title: ''};

    $scope.create = function() {
      /* $location.path('/tab/newpost'); */   /* this variant doesnt work */
      $state.go("/tab/newpost"); 
    };
  });

状态js文件的摘录

.state('tab.newpost', {
      url: '/newpost',
      views: {
        'tab-newpost':{
          templateUrl: 'templates/tab-newpost.html',
          controller: 'NewCtrl'
        }
      }
    });

$urlRouterProvider.otherwise('/auth/login');