Angular中的transcluded块中的Scoped变量

Question

我想做以下事情......

<parent>
   <div>{{animal}}</div>
</parent>

angular.component('parent',{
   template : '<div ng-repeat="animal in ['cats','dogs']">
                   <span ng-transclude></span>
               </div>';

});

这可能吗？

Answer 1

角度参考手册writes：

  

Transclusion是从DOM的一个部分提取DOM元素集合并将它们复制到DOM的另一部分，同时保持它们与原始AngularJS范围的连接的过程。

也就是说，angular会计算包含在被转换dom中的表达式，而不是它们被移动到的范围，即animal将不会在{{1}引入的范围内进行评估。因此很可能是ng-repeat。