小编Ben*_*nny的帖子

angular2 ng容器如何使用动态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>
Run Code Online (Sandbox Code Playgroud)

导致错误

[inputTpl;中的第11列有意外的标记{,预期的标识符,关键字或字符串];{$ implicit:child,index:i}]

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

无法绑定到“ ngTemplateOutletContext”,因为它不是“ ng-container”的已知属性

如果我使用ts文件中声明的对象而不是Object进行设置,则一切正常。此外,这也很好:

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

有人知道吗,我如何将ng-container与html中生成的* ngTemplateOutlet和ngTemplateOutletContext一起使用?

angular

5
推荐指数
3
解决办法
8420
查看次数

标签 统计

angular ×1