javascript - 変数を子ディレクティブに挿入する方法

Question

次の angularjs ディレクティブの場合:

app = angular.module('ngApp');

app.value('objects', [
  {id: 1, name: 'Jane Doe', active: true},
  {id: 2, name: 'Test Biz', active: false},
  {id: 3, name: 'Another Business', active: false}
]);

app.directive('myDirective', function (objects) {
     return {
       template: '<ul></ul>',
       replace: true,
       compile: function(element, attrs) {
          for(var i=0;i<objects.length;i++) {
            element.append('<div other-directive object={{object}}></div>');
         }
       }
    };
})
.directive('otherDirecctive', function() {
   return {
     template: '<li>{{object.name}}',
     replace: true,
     scope: { object: '=' }
 });

そして、このビットのhtml:

<div my-directive></div>

各オブジェクトをサブディレクティブに渡すにはどうすればよいですか? このコードを構造化するためのより良い全体的な方法はありますか?