Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<div ng-controller="Con1">
{{ variable1 }}
{{ variable2 }}
</div>
<div ng-controller="Con2">
{{ variable1 }}
{{ variable2 }}
</div>
JavaScript
var myApp = angular.module('myApp', []);
var Con1 = function($scope){
$scope.variable1 = "en Con1_1";
$scope.variable2 = "en Con1_2";
$scope.openModal = function(){
console.info(this);
}
$scope.openModal()
};
myApp.controller("Con2", function($scope, $injector){
$scope.hola = "hola";
$injector.invoke(Con1, this, {$scope: $scope});
//$scope.variable1 = "en Con2_1";
$scope.variable2 = "en Con2_2";
$scope.openModal();
});