javascript - AngularJS controller is being called twice -
i new in angularjs. learning angularjs. trying follow different tutorials. working codes now. have question in regard. codes ares below
index.html
<html ng-app="main_app"> <head> <title>angularjs application</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> <script src="js/route.js"></script> </head> <body ng-controller="main_controller"> <div ng-view></div> </body> </html>
route.js
var app = angular.module('main_app',['ngroute']); app.config(function($routeprovider) { $routeprovider // route home page .when('/', { templateurl : 'pages/home.html', controller : 'main_controller' }); }); app.controller('main_controller', function($scope) { alert('yes'); });
if run code alert('yes');
twice.
why getting alert twice ?? normal action or doing wrong ??
thanks
update
@leo farmer changed structure of index.html belows
<html> <head> <title>angularjs application</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> <script src="js/route.js"></script> </head> <body> <div ng-app="main_app"> <div ng-controller="main_controller"> <div ng-view></div> </div> </div> </body> </html>
but still getting alert() twice. concern "am doing wrong or right ??" think getting alert() twice means doing wrong.
is structure following convention ??
thanks
your controller getting called twice. have in body element (that's alert number one) assign controller pages/home.html call partial (that's alert two).
you don't need in body element. recommend take out of there.
Comments
Post a Comment