i ramping angular, , trying make dynamic routing work.
note: have looked @ question: how defer routes definition in angular.js?, , believe doing states, i'm still getting error "unknown provider: $routeprovider"
what doing wrong?
html:
<!doctype html> <html ng-app="rprovider"> <head> <link rel="stylesheet" href="css/style.css"> <script src="lib/angular/angular.js"></script> <script src="js/routeprovidertest.js"> </script> </head> <body> <div ng-controller="rcontrol"> <h2>route controller test</h2> [<a href="r1">route 1</a> | <a>route 2</a>] <hr/> <span class="partial-info"> partial: {{routevalue}} </span> <div ng-view></div> <small>the bottom</small> </div> </body> </html> js:
var myappmodule = angular.module('rprovider',[]); myappmodule.config(function($routeprovider){ $routeprovider.when("r1",{templateurl:"/route1.html"}); }); myappmodule.controller('rcontrol', function($scope, $route){ $scope.routevalue = 'nothing yet'; }); thanks in advance...
if using version 1.2.x, need download angular-route.js, include via <script> tag, , add dependency module in javascript:
<!-- in html --> <script src='angular-route.js'></script> // in javascript var myappmodule = angular.module('rprovider', ['ngroute']); 
Comments
Post a Comment