变量在角度1.5分量中传递给ng-incude

Question

我尝试了不同的方法来实现这一点，没有运气。我也在同一个子喷气机上看了几篇文章，我不知道为什么我不能让它工作。

我想使用ng-include在组件中显示模板内容。由于它是可重用的组件，因此我通过绑定传递模板ID。

 angular.module('app')
  .component('detailPanel', {
    templateUrl: "components/_detailPanel.html",
    bindings: {
      templateId: '@'
    }
  }
);

组件_detailPanel.html：

<div>
  {{$ctrl.templateId}}
  <ng-include src="$ctrl.templateId"> </ng-include>
</div>
<script type="text/ng-template" id="actionDetail.html">
  THIS IS THE DETAIL
</script>

我将templateId传递给组件。它使用{{templateId}}在div中打印罚款，这表示传递了正确的ID，但没有从ng-include中显示任何内容。我能够渲染模板的唯一方法是传递字符串＆＃39; actionDetail.html＆＃39;到ng-include的src。但是，我希望传递一个变量，因为我想要一些可重复使用的东西..

这个例子直接在组件中包含了ng-template，但我打算把它当作oustide，这只是一个测试。

任何想法都会有所帮助......谢谢