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

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -