我可以在模板函数中使用指令吗？

Question

所以这是一个简单的例子，我刚刚为这个问题写了一篇文章，我很好奇，如果我能够使用指令并将对象传递给指令的属性，全部在模板中，not 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

是的，这很容易通过scope属性来传递你的状态。这是一个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>', 
    }; 
    })