Ionic不改变视图/状态,除非它是一个标签

时间:2016-01-31 02:12:14

标签: javascript angularjs ionic-framework

我的Ionic应用程序中有一个标签栏系统。但是我希望有一些不同标签栏的视图,只是一个按钮打开的页面..出于某种原因,只要页面没有标签,它就不会打开视图。我可以看到URL更改但它不会更改为该视图,除非该视图也是一个选项卡。希望这是有道理的。我最初是尝试使用Href切换页面,但后来当href无法正常工作时决定尝试ng-click ..这里是我的代码。

我定义了州:

       .state('tab.friendsadd', {
        url: "/friendsadd",
         templateUrl: "templates/friends-add.html"

})

这是我用来调用该函数的按钮:

            <button class="button button-clear button-assertive" ng-       click="changeview()">New Group</button>

然后这是我的changeview()函数,我知道这个函数被正确调用,因为打印了该语句:

  $scope.changeview = function() {
  console.log("hey why isnt this working");
  $state.go("tab.friendsadd"); //change state

}

不确定这是否可能是问题,但这里是我试图打开的新视图的模板:

<script id="templates/friends-add.html" type="text/ng-template">
      <ion-view view-title="Sign-In">
        <ion-content>
          <p> Header </p>
    <p> Tom brady </p>

        </ion-content>
      </ion-view>
    </script> 

感谢您的帮助。我希望这很容易解决......

1 个答案:

答案 0 :(得分:0)

.state('friendsadd', {
        url: "/friendsadd",
        templateUrl: "templates/friends-add.html"
})

,这在html中

<button class="button button-clear button-assertive" href="#/friendsadd" ui-sref="friendsadd">New Group</button>

如果您的模板是实际文件,那么您就不需要<script></script>代码

如果这不能解决,或者即使它会解决,请为您的路线添加一些调试 https://stackoverflow.com/a/28750792/4050230

希望这会有所帮助..