javascript - Angular 6 自定义元素与父 DOM 交互

标签 javascript angular custom-element

我正在使用 angular element用于 javascript 错误报告。 我正在关注这个 tutorial用于 Angular 应用程序中的错误处理和报告。此代码在 Angular 应用程序中工作,但我想在 Angular 应用程序之外重用它。所以我将这段代码打包在一个 Angular 元素中,并在非 Angular 应用程序中用作自定义元素。但它不起作用。

我认为 Angular 元素无法访问页面的范围。 但我不确定这里的问题是什么,我只是想知道这是否可能,如果是的话我在做什么错误。

谢谢。

最佳答案

要访问 Angular 元素或组件,您可以通过这个。

https://angular.io/guide/component-interaction

它允许您访问和操作另一个组件的元素。

如果您尝试从源代码外部访问方法。你应该通过 ngZone

https://angular.io/api/core/NgZone

关于javascript - Angular 6 自定义元素与父 DOM 交互,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50921942/

相关文章:

javascript - 如何将 CustomElementRegistry 复制到子窗口?

javascript - 尝试使用 ember-cp-validations 验证表单时获取 'TypeError: user is null'

Javascript 函数适用于除 Edge 之外的所有浏览器

Angular 2将字符串参数传递给组件

javascript - Angular 2在其他组件中显示新添加的项目到http

javascript - 如果没有 `<slot/>` 而是影子根,子节点会发生什么

php - 使用 Javascript 更改操作属性不会发送到 php

JavaScript 函数无法运行

css - 动画 : opacity property not being applied

javascript - 使用带有 HTML 自定义元素的模板