Angularjs controller ng-app not working -
i noticing before created controller ng-app="myapp" broke data binding input field , template had before. have controller route provider , ng-view in index.html doesn't work @ (blank page). missing something?
<!doctype index.html> <html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <title>angular data</title> <link rel="stylesheet" href="css/style.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"> </script> <script src="js/lib/angualar.min.js"></script> <script src="js/lib/angualar-route.min.js"></script> <script src="js/lib/angualar-animate.min.js"></script> <script src="js/app.js"></script> </head> <body> <header> <nav class="cf" ng-include="'views/nav.html'"></nav> </header> <div class="page"> <main class="cf" ng-view></main> </div> </body> </html> <!doctype js/app.js> var myapp = angular.module('myapp', ['ngroute', 'appcontrollers']); var appcontrollers = angular.module('appcontrollers', []); myapp.config(['$routeprovider', function($routeprovider){ $routeprovider. when('/login', { templateurl: 'views/login.html' }) }]); <!doctype views/nav.html> <div class="table"> <ul> <li class="branding"><a ng-href="#/">angulardata</a></li> <li><a ng-href="#/meetings">meetings</a></li> <li><a ng-href="#/login">login</a></li> <li><a ng-href="#/register">register</a></li> </ul> </div>
so few inputs watching code:
do ctrl+shift+i , open console tab in browser view error reported, code has many logical error , needs debugged.
var myapp = angular.module('myapp', ['ngroute', 'appcontrollers']);
in app.js appcontrollers used dependency never mentioned in html data-ng-controller="appcontroller"
hence remove appcontrollers dependency.
- with context of code
var appcontrollers = angular.module('appcontrollers', []); redundant , have errors there no appcontrollers defined in html
here working code of, have kept simple:
<html ng-app="myapp"> <head> <meta charset="utf-8"> <title>angular data</title> <link rel="stylesheet" href="css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-animate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-route.min.js"></script> <script src="js/app.js"></script> <script> angular.module('myapp', ['ngroute']).config(['$routeprovider', function($routeprovider){ $routeprovider. when('/login', { templateurl: 'views/login.html' }) }]); </script> </head> <body> <header> <div class="table"> <ul> <li class="branding"><a ng-href="#/">angulardata</a></li> <li><a ng-href="#/meetings">meetings</a></li> <li><a ng-href="#/login">login</a></li> <li><a ng-href="#/register">register</a></li> </ul> </div> </header> <div class="page"> <main class="cf" ng-view></main> </div> </body> </html>
Comments
Post a Comment