点击按钮(AngularJS)更改页面?

时间:2016-06-11 16:11:04

标签: javascript html angularjs

根据在线示例,我在login.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>

然后在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 个答案:

答案 0 :(得分: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>