Injected Controller 1.0rc3
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.0rc3.js"></script>
<div ng-controller="BaseController">
Hello, {{name}}!
<br/>
<button ng-click="test()">Test</button>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
myApp.controller('baseController',
function BaseController($scope) {
$scope.name = 'Superhero';
$scope.clickController = function() {
$scope.name = 'Clicked from base controller';
}
}
);
myApp.factory('myService', function() {
return {
handleClick: function(scope){
scope.name= 'clicked from service';
}
};
});
function DerivedController($scope, $injector, $controller) {
$scope.name = 'Superhero Child';
$scope.test = function(){
// cannot get this to work
//var aa = $injector.get('baseController');
//aa.clickController();
//cannot get this to work
//var bb = $controller('baseController', $scope);
//bb.clickController();
// getting a service works, but I really want a controller
var cc = $injector.get('myService');
cc.handleClick($scope);
}
}