JSFiddle - React, Tailwind, and code Playground
HTML
<!-- AngularJS -->
<body data-ng-app="Blog">
<div data-ng-view></div>
</body>
<script src="https://code.angularjs.org/1.3.0-beta.18/angular-route.min.js"></script>
JavaScript
var app = {};
app.main = angular.module('Blog', [
// Tools
'ngRoute',
//'oc.lazyLoad',
//'ngProgressLite',
// Modules
'Blog.Article'
]);
// Config
app.main.config(['$routeProvider', function ($routeProvider) {
$routeProvider.otherwise({
redirectTo: '/'
});
}]);
app.article = angular.module('Blog.Article', ['ngRoute']);
app.article.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/', {
template: '<div>articles</div>',
controller: 'ArticlesController'
})
.when('/article/:id', {
template: '<div>article</div>',
controller: 'ArticleController'
});
}]);
// Controller
app.main.controller('ArticlesController', ['$scope', function ($scope) {
console.log('articles');
}]);
// Controller
app.main.controller('ArticleController', ['$scope', function ($scope) {
console.log('article');
}]);