Changing pages on button click (AngularJS)?

Question

Following online examples, I have something like this in 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>

Then in app.login.js:

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

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

However, it does not redirect to index.html when I press the button. There are no errors in the browser's log. I've copied most of the format from working examples, so I cannot find why it does not work for me.

Any tips would be appreciated.

David Chelliah · Accepted Answer · 2016-06-11 16:22:47Z

1

Your code works as it is without any change.

Look in your local system if you see any javascript related issues or script isn't loading from ajax.googleapis.com.

Check if you have linked your login.js properly

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>

answered Jun 11, 2016 at 16:22

David Chelliah

1,3491 gold badge14 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Yifan Over a year ago

You're right, the excerpt I provided worked. However, I embarrassingly used 2 ng-app in login.html (after a bunch of research, I only recently found out you can only use one), so I guess it just ignored both. Thanks for informing me the error wasn't in what I provided.

David Chelliah Over a year ago

@Yifan It happens :). For loading the second application you have to manually bootstrap it through code.

Collectives™ on Stack Overflow

Changing pages on button click (AngularJS)?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related