angular.module('myModule', []) .controller('badController', ['$scope',function($scope){ var data = ["string1", "AHHH", "string3"]; var someObject = { 'scream': function(){ alert(data[1]); } }; $scope.behavior = function(){ someObject.scream() } }]) .controller('anotherBadController', ['$scope',function($scope){ var data = ["string1", "AHHH", "string3"]; var someObject = { 'scream': function(){ alert(data[2]); } }; $scope.behavior = function(){ someObject.scream() } }]) .controller('anotherAnotherBadController', ['$scope',function($scope){ var data = ["string1", "AHHH", "string3"]; var someObject = { 'scream': function(){ alert(data[0]); } }; $scope.behavior = function(){ someObject.scream() } }]) .controller('byThisPointJustQuit', ['$scope',function($scope){ var data = ["string1", "AHHH", "string3"]; var someObject = { 'scream': function(){ alert(data[2] + data[1]); } }; $scope.behavior = function(){ someObject.scream() } }]);
<div ng-app="myModule"> <div ng-controller="badController"> <button ng-click="behavior()">Bad Behavior</button> </div> <div ng-controller="anotherBadController"> <button ng-click="behavior()">Another Bad Behavior</button> </div> <div ng-controller="anotherAnotherBadController"> <button ng-click="behavior()">Yuck</button> </div> <div ng-controller="byThisPointJustQuit"> <button ng-click="behavior()">Meh</button> </div> </div>