javascript - ionic / Cordova 应用程序 : How to change to another template in button click?

Question

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

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

将重新加载您的应用以及所有 Controller

例如你需要使用 ui-router : $state.go('app.area');