Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angular2将组件附加到使用渲染器创建的本机元素_Angular_Reactjs_Draftjs - Fatal编程技术网

angular2将组件附加到使用渲染器创建的本机元素

angular2将组件附加到使用渲染器创建的本机元素,angular,reactjs,draftjs,Angular,Reactjs,Draftjs,我正在尝试移植到angular,我现在正在处理这个部分,它基本上接受并将其转换回html 我现在特别关注这些行,据我所知,react是根据模型中的元素类型创建一个元素,因此对于一个简单的文本,它将是一个,对于标题h1等等,作为这个元素的子元素,它会附加一个组件,然后处理实际内容的呈现,无论是文本还是用户提供的装饰器组件 我认为第一部分是让列表(ul,ol)工作所必需的(因此,您不能从根开始使用组件)。现在,据我所知,每一种允许在angular中添加动态组件的技术都需要ViewContainerR

我正在尝试移植到angular,我现在正在处理这个部分,它基本上接受并将其转换回html

我现在特别关注这些行,据我所知,react是根据模型中的元素类型创建一个元素,因此对于一个简单的文本,它将是一个,对于标题
h1
等等,作为这个元素的子元素,它会附加一个组件,然后处理实际内容的呈现,无论是文本还是用户提供的装饰器组件

我认为第一部分是让列表(ul,ol)工作所必需的(因此,您不能从根开始使用组件)。现在,据我所知,每一种允许在angular中添加动态组件的技术都需要
ViewContainerRef
ngComponentOutlet
,当您这样做时,这些都是不可能的

const child = this._renderer.createElement(Element);
this._renderer.appendChild(this._elementRef.nativeElement, child)
是吗?我也在考虑简单地对html中的所有根元素进行硬编码,然后使用
ngComponentOutlet
,但我认为这样做是不允许的


PS:draftjs是一个相当复杂的项目,我将模型部分移植到typescript并开始工作,如果有人对内容呈现部分感兴趣并愿意合作,我将非常高兴draftjs不支持移动浏览器,这是阻止它真正流行的关键点。如果有人感兴趣,lib-ngx-draft-js会将draft.js包装成一个角度组件。您的应用程序必须包含react&react dom包,这在性能要求较低的面向客户端的页面上可能不是问题。免责声明:这是我写的,我在一些客户的应用程序中使用了它。所以我听说,包括我在内的人都只是为了得到这个功能而做出反应,疯狂。。。接下来,有一天我们可能会得到一个合适的角度版本