【问题标题】:How to attach angular input to dynamic angular web element如何将角度输入附加到动态角度 web 元素
【发布时间】:2020-07-30 14:08:22
【问题描述】:

我们正在尝试将输入传递给 Angular Web 组件。 为了使系统健壮, 从 api 我们会得到两个值

  1. 脚本网址
  2. 选择器名称(下面的例子component我们也是从db获取的)

所以我们可以动态添加脚本,然后使用 renderer2 的 createElement 添加选择器名称。但是现在我们被卡住了,因为我们想将输入传递给那个组件,比如

<component [data]="'Hello'"></component>

所以问题是我们如何在元素中添加角度输入标签,这些元素是通过使用添加到 DOM 中的

renderer.createElement

是否可以通过或应该更改逻辑以添加元素?
重点是javascript位置和选择器是动态的。

提前致谢

【问题讨论】:

  • 看看文档,有setAttribute / setProperty 方法:angular.io/api/core/Renderer2
  • 哦,好的,从另一个答案我不太确定属性绑定是否真的可以用这个。

标签: javascript html angular typescript web-component


【解决方案1】:

您应该像这里 (https://stackoverflow.com/a/50429222/7255496) 一样通过ComponentFactory 创建组件并手动设置组件输入。

【讨论】:

  • 在我的情况下,我们没有组件类或任何东西,因为它是从第三方动态加载的。所以我们不能有组件的实例
猜你喜欢
  • 1970-01-01
  • 2017-11-08
  • 1970-01-01
  • 1970-01-01
  • 2018-05-22
  • 1970-01-01
  • 1970-01-01
  • 2021-05-01
  • 2016-05-11
相关资源
最近更新 更多