jrmoran/app.js

## app.js
var app = angular.module('app', []);

app.controller('ctrl', function($scope){
    $scope.ss = [
    {name:'test1'},
    {name:'test2'},
    {name:'test3'},
    {name:'test4'},
    {name:'test5'}
    ];

    $scope.fun = function(index){
      console.log('hi from controller', index, $scope.ss[index]);
    };
});

## directive.js
app.directive('clickChildren', function($parse){
  return {
    restrict: 'A',
    link: function(scope, element, attrs){
      var selector = attrs.selector;
      var fun = $parse(attrs.clickChildren);
      element.on('click', selector, function(e){
        var idx = e.target.getAttribute('data-index');
        fun(scope)(idx);
      });
    }
  };
});

## index.html
<body ng-controller="ctrl">
  <ul click-children='fun' selector='li'>
    <li ng-repeat="s in ss" data-index="{{$index}}">{{s}}</li>
  </ul>
</body>
	var app = angular.module('app', []);

	app.controller('ctrl', function($scope){
	$scope.ss = [
	{name:'test1'},
	{name:'test2'},
	{name:'test3'},
	{name:'test4'},
	{name:'test5'}
	];

	$scope.fun = function(index){
	console.log('hi from controller', index, $scope.ss[index]);
	};
	});
	app.directive('clickChildren', function($parse){
	return {
	restrict: 'A',
	link: function(scope, element, attrs){
	var selector = attrs.selector;
	var fun = $parse(attrs.clickChildren);
	element.on('click', selector, function(e){
	var idx = e.target.getAttribute('data-index');
	fun(scope)(idx);
	});
	}
	};
	});
	<body ng-controller="ctrl">
	<ul click-children='fun' selector='li'>
	<li ng-repeat="s in ss" data-index="{{$index}}">{{s}}</li>
	</ul>
	</body>