var eventsApp = angular.module('eventsApp',[]) .config(function($routeProvider){ $routeProvider .when('/view1',{ template:'<div>{{message}}<div>', controller: function($scope){ $scope.message='this is view1'; } }) .when('/view2',{ template:'<div>{{message}}<div>', controller: function($scope){ $scope.message='this is view2'; } }); }) .controller('EditEventController', function($scope){ $scope.helloMessage = 'Hello world'; });
<div ng-app="eventsApp"> <div ng-controller="EditEventController">{{helloMessage}}</div> <a href="#/view1">view1</a> <a href="#/view2">view2</a> <ng-view></ng-view> </div>