嵌入的角度元素(自定义元素或web组件)



我正在使用angular元素10.1.6,开发一个自定义元素(customielement2.js(,该元素利用了angular 7.3.3版本开发的另一个自定义元件(customitem1.js(。出于某种原因,当使用customizedelement2.js时,应用程序不会显示customizedelement 1.js,它会生成html,但不会显示任何内容。你知道是否可以使用嵌入的自定义元素吗?在棱角分明的文件中,我没有发现任何东西表明这是可能的或不可能的。

嵌入式角元件

您需要customizedelement1来了解customizedelement 2。您可以用角度组件的方式或Web组件的方式来完成此操作。

对于前者,将customientelement2作为库加载到customient1的Angular项目中,然后可以像使用任何其他Angular组件一样使用它。有关如何创建库的详细信息,请参阅文档https://angular.io/guide/creating-libraries

对于后者,您将在DOM\Browser中将customizedelement2注册为自定义元素。只要在某个地方调用createCustomElement('custom-element2'),就可以在customizedelement1代码中或DOM中的任何地方执行此操作。然后,您需要在customeelement1的Angular应用程序中设置自定义元素模式,以便它知道<custom-element2>可以是自定义元素。有关模式的详细信息,请参阅Angular文档https://angular.io/api/core/CUSTOM_ELEMENTS_SCHEMA

相关内容

  • 没有找到相关文章

最新更新