在<template>中使用ngFor会导致应用崩溃

时间:2016-12-28 16:23:49

标签: angular ngfor plunker transclusion

我正在使用key应用(版本2.4.1),而我正在尝试编写一个应该从组件用户呈现模板的组件(什么被称为angular1中的transclusion我相信。)

我编写了一个使用[Event = React.createClass({ displayName: 'Event', render() { // Don't do this! return ( <tr key={this.props.data.WhatId}> {_.keys(this.props.data).map((x) => { ]来渲染给定模板的组件,但是在传递它时使用ngFor的模板崩溃,因为它尝试渲染ngFor内容,即使数组也是如此是空的。

请参阅以下plunker,它会重现此问题:https://plnkr.co/edit/E5Nj73ElOFGDRAdpBcGf?p=preview

第一个ngFor渲染正确,但是当组件测试模板尝试渲染模板时,它会失败:

  

内联模板:10:43引起:无法读取属性&#39;值&#39;的   未定义

非常感谢任何有关此问题的帮助!

编辑:相同的代码适用于angular2 https://plnkr.co/edit/0OyPqtvkDgTUPpwovZMc

0 个答案:

没有答案