Javascript 除非是选项卡，否则不会更改视图/状态

我的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>

不确定这是否是问题所在，但这是我尝试打开的新视图的模板：

<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> 

标题

汤姆布雷迪

谢谢你的帮助。我希望这是一个简单的解决方案…

试试看

.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>

新组

如果模板是实际文件，则不需要

标记

如果这无法解决问题，或者即使解决了问题，请在路由中添加一些调试

希望这有帮助

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