问题标签 [angular-elements]

我正在使用带有原生封装的 AngularElements，因此 bs4 组件可以在 bs3 项目中使用。例子：

问题是如何更改 3rd 方组件的封装，以便全局 css 不会影响它？给定NgbModalWindow组件。如何将其封装更改为 ViewEncapsulation.Native 并应用特定样式？

这是相关问题

我有chrome extension向页面注入角度元素。扩展应该在带有 Angular 应用程序的页面上运行。

我遇到了两个不同的问题：

• 构建没有optimization:true标志的角度元素会导致元素损坏：元素未在页面上初始化，例如仅<my-element></my-element>在内部没有任何内容的情况下创建。不是真正关键的问题，但为了感兴趣，我想了解原因。
• ng.probe()主应用程序停止工作，因为它已从 angular-elements一个替换。因此，angular-element在页面注入后，可以probe仅从angular-element.

Angular 7.2.0，文档注册元素 1.13.2。

我查看了角度源代码，但没有找到阻止替换的方法ng.probe，似乎最新的角度应用程序从自己的范围内替换了 ng.probe。因为我不是角度内部的专家，所以找到不覆盖ng.probein的方法会很棒angular-elements。

我将一个角度元素导出到一个 javascript 文件中，因此我可以将它包含在我的表达式引擎 cms 网站的页面中，但我收到错误：SyntaxError: ``literal not terminate before the end of script。

奇怪的是，我将脚本包含在我的 localhost:8080/mypage/index.html 中并且工作正常！

我将不胜感激任何帮助，谢谢！

我从https://angular.io/guide/elements#example-a-popup-service下载 Angular Element 演示

并在 html 中使用自定义元素并给出一条消息，但它会在控制台中显示 expressionchangedafterithasbeencheckederror。

我只是像这样更改了 AppComponet html 代码

它会在页面中显示“aa”消息，并且浏览器控制台中存在错误。

我怎么解决这个问题？

我正在尝试创建一个 UI 工具包作为可重用的 Web 组件（使用角度元素）。我已经进行了一次测试运行，以查看我们在 Angular 项目中开发的自定义元素是否也可以在该 Angular 项目中使用（简单地说，我想为 UI 工具包创建一个类似页面的文档 + 我该如何测试我正在开发的 UI 组件 - 在同一个项目中）。

这是 stackblits 的链接 https://stackblitz.com/edit/angular-elements-test-kavinda

我使用了一个名为按钮模块的单独模块来开发 ui 组件，并且自定义元素定义也在该模块中完成。我尝试了 app-component.html 来使用那些元素——但没有奏效。

Primary-btn-component.html

用于定义自定义元素的代码

然后在 app-component.html 中使用该元素，如下所示

我在 C# MVC 项目中使用 Angular Elements。

main.cshtml当我直接在其中包含 角度元素构建文件时，<script type="text/javascript" src="~/Script/Angular/artifi-graphics.js"></script>它工作得很好。

但

当我尝试在包中添加构建文件时

那么项目没有加载。

在控制台中，请求的网络状态为挂起，一段时间后它会失败。

我正在测试 Anuglar Elements 以创建一些 Web 组件并且效果很好。无论如何，我在控制台中收到此警告：

[弃用] Element.createShadowRoot 已弃用，将于 2019 年 3 月左右在 M73 中删除。请改用 Element.attachShadow。 有关详细信息，请参阅https://www.chromestatus.com/features/4507242028072960 。

相关文件是platform-b​​rowser.js:1182。有什么我应该注意的吗？我该如何解决？我应该寻找另一种方法来创建我的 Web 组件吗？

我玩 Angular Elements 已经有一段时间了。我们的团队正在构建多个独立的 Angular 项目并将它们转换为 Angular Elements。我们还构建了一个主外壳，这些角度元素将在主外壳中调用。

主外壳由 Angular 编写。到目前为止，我发现我只能将角度元素嵌入到index.html主外壳中。但是，我想知道有没有办法在 中使用角度元素app.component.html？

mainShell 中的 index.html ：在这里可以正常使用app1-element。

角度项目结构如下所示。那么如何使用app1-element呢app.component.html？我在那里使用类似的代码，但它不起作用。顺便说一句，要运行主 shell，我使用Go LivefrommainShell/src

提前致谢！

我需要使用 angular 8 启用 ivy 创建自定义元素（Web 组件）。与花药框架一起使用，是否有任何适当的文档？

我正在尝试使用“Angular Elements”（Web Component）在vue中集成一个角度组件。我已成功在 vue 中显示组件，但在重新加载 vue 应用程序时无法使路由正常工作。

我的 Angular 代码看起来像这个stackblitz

因此，当我单击聊天子链接时，路线会从/chat变为/chat/child1。但是，如果我使用重定向链接刷新 vue 应用程序，它不会显示任何内容。

我使用的版本：

角度版本：6.1.5，

角元素：6.1.4,

Vue版本：2.5

所以我的问题是，我们如何根据 vue 应用程序中路由的更改告诉 angular element 更改其路由？