16
rated 0 times
[
17]
[
1]
/ answers: 1 / hits: 15366
/ 11 Years ago, tue, january 7, 2014, 12:00:00
So I followed this guide: http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example/
But when I try to change the view nothing happens, anybody a idea what I do wrong?
This is the code I got.
Home.php:
<!DOCTYPE html>
<html ng-app=lax>
<head>
<meta name=author content=Koen Desmedt />
<meta name=description content=CMS Belgium Lacrosse />
<meta name=keywords content='Lacrosse, BLF, Belgium' />
<meta name=googlebot content=noarchive />
<link href=lib/bootstrap/css/bootstrap.css rel=stylesheet>
<script src=https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js></script>
<script src=lax.js></script>
<link href=css/style.css rel=stylesheet>
<title>CMS Belgium Lacrosse</title>
</head>
<body>
<header class=navbar navbar-inverse navbar-fixed-top bs-docs-nav role=banner>
<div class=container>
<div class=navbar-header>
<button class=navbar-toggle type=button data-toggle=collapse data-target=.bs-navbar-collapse>
<span class=sr-only>Toggle navigation</span>
<span class=icon-bar></span>
<span class=icon-bar></span>
<span class=icon-bar></span>
</button>
</div>
<nav class=collapse navbar-collapse bs-navbar-collapse role=navigation>
<ul class=nav navbar-nav navbar-left>
<li>
<a href=#/home>
<span class=glyphicon glyphicon-home></span> BLF
</a>
</li>
<li>
<a href=#/players>Players</a>
</li>
<li>
<a href=#/club>Club</a>
</li>
<li>
<a href=#/games>Games</a>
</li>
</ul>
</nav>
</div>
</header>
<div id='contentcontainer'>
<div class='container' ng-view></div>
</div>
</body>
</html>
lax.js:
var lax = angular.module('lax', []);
lax.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/home', {
templateUrl: 'views/news.php',
controller: 'NewsController'
}).
when('/players', {
templateUrl: 'views/players.php',
controller: 'PlayersController'
}).
otherwise({
redirectTo: '/home'
});
}]);
lax.controller('NewsController', function($scope) {
$scope.message = 'This is Add new order screen';
});
lax.controller('PlayersController', function($scope) {
$scope.message = 'This is Show orders screen';
});
More From » html