/////////VIEW/////////////
<ul><member ng-repeat='member in locations' member='member'></member></ul>
//////////DIRECTIVE///////////
module.directive('member', function ($compile) {
return {
restrict: "E",
replace: true,
scope: {
member: '='
},
template: '<li>{{member.title}}</li>',
link: function (scope, element, attrs) {
if (angular.isArray(scope.member.children)) {
$compile('<collection collection="member.children"></collection>')(scope, function(cloned, scope){
element.append(cloned);
});
}
},
}
});