Ionic/Cordova App：如何在点击按钮时切换到另一个模板？

Question

我正在使用 Ionic 开发和应用程序，我需要它在您单击按钮后将您带到另一个模板。这个模板叫做 area.html 并且不在侧边菜单中，我在 [ 中添加了它的 state =44=]。这里有一些代码：

app.js

.state('app.area', {
    url: "/area",
    views: {
      'menuContent': {
        templateUrl: "templates/area.html",
        controller: 'AreaCtrl'
      }
    }
  });

firsttemplate.html

<ion-view view-title="First Template">
  <ion-content class="background">

    <button class="button button-positive"
            ng-click="changeToArea()">Current Position</button>

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

controller.js

.controller('FirstTempCtrl', function ($scope){

      $scope.changeToArea = function() {
      console.log("Area Func");
      window.location = "#/app/area.html";
    })

问题是，当您单击按钮时，它会将您带到另一个模板，即：

$urlRouterProvider.otherwise('/app/log');

在app.js里面我要加载的是area.html

Answer 1

 window.location = "#/app/area.html";

将重新加载您的应用以及所有控制器

您需要使用 ui-路由器，例如：$state.go('app.area');

Ionic/Cordova App：如何在点击按钮时切换到另一个模板？

Ionic/Cordova App: How to change to another template in button click?

javascript

android

cordova

ionic