重定向到另一個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頁面上點擊按鈕（離子）

回答

相關問題