2016-06-11 55 views
0

繼網上的例子,我有login.html是這樣的:更改點擊按鈕(AngularJS)上的頁面?

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script> 
<script type="text/javascript" src="app/app.login.js"></script> 

<div id="loginButton" ng-app="loginButton" ng-controller="loginControl"> 
    <button ng-click="enterSite()"> 
     Enter 
    </button> 
</div> 

然後在app.login.js

var appButton = angular.module("loginButton", []); 

appButton.controller("loginControl", ["$scope", "$window", function($scope, $window){ 
    $scope.enterSite = function(){ 
     $window.location.href = "../index.html";   
    } 
}]); 

然而,當我按下按鈕它不重定向到index.html。瀏覽器日誌中沒有錯誤。我從工作示例中複製了大部分格式,所以我找不到爲什麼它不適用於我。

任何提示將不勝感激。

回答

1

您的代碼的工作原樣,沒有任何改變。

如果您發現任何與JavaScript相關的問題或腳本未從ajax.googleapis.com加載,請查看您的本地系統。

檢查,如果你已經將自己的login.js正確

var appButton = angular.module("loginButton", []); 
 

 
appButton.controller("loginControl", ["$scope", "$window", function($scope, $window){ 
 
    $scope.enterSite = function(){ 
 
     $window.location.href = "../index.html";   
 
    } 
 
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script> 
 
<script type="text/javascript" src="app/app.login.js"></script> 
 

 
<div id="loginButton" ng-app="loginButton" ng-controller="loginControl"> 
 
    <button ng-click="enterSite()"> 
 
     Enter 
 
    </button> 
 
</div>

+0

你說得對,我提供了工作的摘錄。然而,我很尷尬地在login.html中使用了2 ng-app(經過大量研究後,我才發現你只能使用一個),所以我想它只是忽略了兩者。感謝您通知我錯誤不在我提供的內容中。 – Yifan

+0

@Yifan發生了:)。要加載第二個應用程序,您必須通過代碼手動引導它。 –