Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular2 ng-container如何使用动态ngTemplateOutletContext大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用Ng-container和NgTemplateOutlet( https://angular.io/docs/ts/latest/api/common/index/NgTemplateOutlet-directive.html)

<div *ngFor="let child of children; let i=index">
      <ng-container *ngTemplateOutlet="inputTpl; { $implicit: child,index: i }"></ng-container>
  </div>

这会导致错误

当我在文档中使用’context:’时,这会导致

如果我使用在我的ts文件中声明的对象并设置它而不是我的对象,一切都运行正常.此外,这也很好:

<div *ngFor="let child of children; let i=index" class="form-group">
      <template [ngTemplateOutlet]="inputTpl" [ngOutletContext]="{ $implicit: child,index: i }" />
    </div>

有谁知道,我如何使用带有* ngTemplateOutlet的ng-container和html中生成的ngTemplateOutletContext?

解决方法

你试过< ng-container>和[ngTemplateOutletContext]这样?

<ng-container
    [ngTemplateOutlet]="inputTpl"
    [ngTemplateOutletContext]="{ $implicit: child,index: i }"
>
</ng-container>

大佬总结

以上是大佬教程为你收集整理的angular2 ng-container如何使用动态ngTemplateOutletContext全部内容,希望文章能够帮你解决angular2 ng-container如何使用动态ngTemplateOutletContext所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。