While trying to separate my angularjs code into manageable chunks i run into this error in the console: -


when run project terminal so

cd appointmentscheduler node index.js

i receiving following erorr in console uncaught typeerror: undefined not functionangular-route.js:26 (anonymous function)angular-route.js:6 (anonymous function)

this index.html  <html>      <head ng-app="appointments">          <title>appointments</title>          <script type="text/javascript" src="js/lib/angular.min.js"></script>          <script type="text/javascript" src="js/lib/angular-resource.min.js"></script>          <script type="text/javascript" src="js/controllers/app.js"></script>          <script type="text/javascript" src="js/app.js"></script>                  <script type="text/javascript" src="js/lib/angular-route.min.js"></script>            <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">          <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">      </head>      <body>          <div class="container">              <h1>piar appointments scheduler</h1>              <div ng-view></div>          </div>      </body>  </html>  login.html  	  <div class="row-fluid">                  <form class="form-horizontal">                    <div class="form-group">                      <label for="inputemail3" class="col-sm-2 control-label" required>email</label>                      <div class="col-sm-8">                        <input type="email" class="form-control" id="inputemail3" placeholder="email" required>                      </div>                    </div>                    <div class="form-group">                      <label for="inputpassword3" class="col-sm-2 control-label">password</label>                      <div class="col-sm-8">                        <input type="password" class="form-control" id="inputpassword3" placeholder="password">                      </div>                    </div>                    <div class="form-group">                      <div class="col-sm-offset-2 col-sm-8">                        <div class="checkbox">                          <label>                            <input type="checkbox"> remember me                          </label>                        </div>                      </div>                    </div>                    <div class="form-group">                      <div class="col-sm-offset-2 col-sm-10">                        <button type="submit" class="btn btn-default">sign in</button>                      </div>                    </div>                  </form>              </div>  public/js/app.js  var appointments = angular.module('appointments', ['ngroute']);  appointments.config(function ($routeprovider) {      $routeprovider          .when('/',                {templateurl: 'partials/login.html'})  })  public/js/controllers/app.js has been edited, sorry error of repeating content of public/js/app.js here    function loginctrl ($scope)   {  	  }     watching , running angularjs joseph leblanc lynda.com

your js/app.js , js/controllers/app.js seems same - think problem trying use ngroute without loading it

   <script type="text/javascript" src="js/lib/angular-route.min.js"></script>

also, put ng-app <html> or <body> element, if have in on <head>, root element of application won't touch <body>


Comments

Post a Comment