テンプレート機能でディレクティブを使用できますか？

Question

これは簡単な例です。私はこの質問のために書きましたが、ディレクティブを使用してディレクティブの属性にオブジェクトを渡すことができれば不思議です、テンプレート内のすべてtemplateUrl。私はそれが次のように動作すると思います：

angular.module('myModule') 
    .directive('someDirective', function() { 
    return { 
     scope: { 
     u: '=', 
     }, 
     template: '<avatar user="u"></avatar>', 
    }; 
    }); 

Answer 1

はいできます！定義の順序は関係ありません。

app.directive("directive1", function() { 
    return { 
     restrict: 'E', 
     scope: { 
      u: '@' 
     }, 
     template : "<h4>{{u}}</h4><directive2 user='{{u}}'></directive2>" 
    }; 
}); 
app.directive("directive2", function() { 
    return { 
     restrict: 'E', 
     scope: { 
      user: '@' 
     }, 
     template : "<h1>{{user}}</h1>" 
    }; 
}); 

このjsfiddle

Answer 2

でアクションでそれを参照してください。はい、それはスコープ属性を通して、あなたの状態を渡すことは簡単です。この概念を示すplunkrがあります。

app = angular.module('app',[]) 
    .directive('someDirective', function() { 
    return { 
     scope: { 
     u: '=', 
     }, 
     template: '<avatar user="u"></avatar>', 
    }; 
    }).directive('avatar', function() { 
    return { 
     scope: { 
     user: '=', 
     }, 
     template: '<span>{{user.name}}</span>', 
    }; 
    })