重定向到另一个HTML页面上点击按钮（离子）

AngularJS我试图重定向到index.html中的一个按钮的点击home.html的重定向到另一个HTML页面上点击按钮（离子）

index.html 


<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
<title></title> 
<link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
<link href="css/style.css" rel="stylesheet"> 
<script src="lib/ionic/js/ionic.bundle.js"></script> 
<script src="cordova.js"></script> 
<script src="js/home.js"></script> 
</head> 
<body ng-app="starter"> 
<ion-pane> 
    <ion-header-bar class="bar-royal"> 
    <h1 class="title">Index</h1> 
    </ion-header-bar> 
    <ion-content> 
     <div ng-controller="LoginCtrl"> 
      <button ng-click="login()">Login</button> 
     </div> 
    </ion-content> 
</ion-pane> 
</body> 
</html>

home.js

var VLogin = angular.module('starter', ['ionic']); 
VLogin.controller('LoginCtrl', ['$scope','$location', function($scope, $location) { 

$scope.login = function(){ 
$location.path("#/home.html"); 
}; 
}]);

这里是两个文件的层次结构 $ location.path（）不起作用。我哪里错了？ TIA。

来源

2016-04-03 RashiR

你有没有设置你的路线？ –

看看这里：http://learn.ionicframework.com/formulas/navigation-and-routing-part-1/

但简单的答案是，你应该建立航线

$stateProvider.state('app', { 
    url: '', 
    templateUrl: 'app.html', 
    controller: 'AppCtrl' 
    } 
}).state('login', { 
    url: '/login', 
    templateUrl: 'login.html', 
    controller: 'LoginCtrl' 
    } 
})

，然后我会建议使用$state供应商做这样的事情

login.controller('LoginCtrl', function($scope, $state) { 
    $state.go('app',{}); 
})

这不是正确的代码，但概述，我会建议阅读链接提供的额外信息

来源

2016-04-03 22:40:53

重定向到另一个HTML页面上点击按钮（离子）

回答

相关问题