angular-elements相关内容
我有一个更复杂的 Angular 应用程序,我想将其部署为 angular/elements webcomponent.该应用程序使用 mat-dialog 并且 webcomponent 也不会占用浏览器窗口大小的 100%.我的问题是 mat-dialog 的 cdk-overlay 默认添加到 html 页面的正文中,而我的对话框在 webcomponent 之外打开. 我想将叠加层放
..
我使用 Pascal Precht 的 教程 通过 Angular 构建了一个简单的 Web 组件,您可以请参阅此处.它会自动在链接中的 Stackblitz 上自动编译,但不会在本地编译. 我的最终目标是将生成的 Web 组件的代码保存在本地的单独文件中. 最后,我会将其上传到某个地方并通过单个 将其拉入. 标签,就像普通的 raw-html/javascript Web Componen
..
如您所知,“ng g 库"方法可帮助我们创建可重用组件库.但是如果我希望通过 Angular Elements 的支持将这些组件编译成 Web 组件呢?不仅如此,lib 中的每个组件都将被编译到自己的文件夹或 JS 文件中.如何配置允许我实现这一目标的开发环境? 例如: 如果我创建一个Lib并添加自定义组件,我知道我可以编译它,生成一系列文件夹,例如esm5,esm2015,fesm5
..
我有两个 Angular 9.1.1 项目.第一个是创建一个角度元素,另一个是使用该元素. 节点:v12.16.2NPM:6.14.4 package.json {"name": "角度元素",“版本":“0.0.0",“脚本":{"ng": "ng","start": "ng serve","build": "ng build","test": "ng 测试","lint": "n
..
我开始接触 angular 6 位,并且对 Angular Elements 以及新的库项目非常感兴趣.我有一个即将到来的项目,可能需要这两个新功能. 我需要创建可跨 Web 框架重用的自定义 UI 组件,但我也希望获得一流的支持,以便在 angular 项目中使用它们.我已经按照这个 教程 并有一个 angular6注册自定义元素并将 webpack 包合并到单个文件中的应用程序.然后,我
..
我有一个更复杂的 Angular 应用程序,我想将其部署为 angular/elements webcomponent.该应用程序使用 mat-dialog 并且 webcomponent 也不会占用浏览器窗口大小的 100%.我的问题是 mat-dialog 的 cdk-overlay 默认添加到 html 页面的正文中,而我的对话框在 webcomponent 之外打开. 我想将叠加层放
..
我有两个 Angular 9.1.1 项目.第一个是创建一个角度元素,另一个是使用该元素. 节点:v12.16.2NPM:6.14.4 package.json {"name": "角度元素",“版本":“0.0.0",“脚本":{"ng": "ng","start": "ng serve","build": "ng build","test": "ng 测试","lint": "n
..
Angular Element可以使用路由器插座吗? 如果是的话,该路由器出口是否会干扰父路由器出口(与之交互)? 解决方案 否和是. 角度元素是为外部世界而设计的,而不是为内部角度应用而设计的.因此,如果您拥有CMS应用程序或某个大型应用程序,并且许多团队都在使用该应用程序,则他们会在其中发布代码,并且代码可能使用不同的语言,并且他们都应该在同一页面上一起工作. 因此,角度
..
我对自定义元素非常陌生.我需要创建一个自定义元素以集成到我们公司的另一个应用程序中.问题是我的自定义元素应该是我认为的默认导出.我需要使由angular创建的自定义元素在主机加载时可以通过 module.default 进行访问. 有2个应用程序: HOST应用程序和 MY应用程序.我无法更改主机应用.主机应用完全不在我的控制范围内.主机应用是React应用. 主机应用执行的操作与此类
..
使用v6.1.9给出三个@angular项目: host , alpha 和 beta alpha 和 beta 分别使用@ angular/elements创建和定义一个Web组件: constructor(私有注入器:Injector){}ngDoBootstrap(){const config:NgElementConfig = {注入器:this.injector};const
..
我在不同的Angular元素项目中开发了2个自定义元素,当我尝试在单个html中使用它们时,出现错误“无法在'CustomElementRegistry'上执行'define':此注册表已经使用了该名称"如何通过此链接开发 https://medium.freecodecamp.org/how-to-create-angular-6-custom-elements-web-components-c
..
我正在尝试一个基本的Angular Web组件。我创建了一个在此处显示该方法的github存储库: https://github.com/fireflysemantics/fs-gist 这是组件: https://github.com/fireflysemantics/fs -gist / blob / master / src / app / fs-gist / fs-gist.
..
我将AngularElements与本机封装一起使用,因此bs4组件可以在bs3项目中使用。示例: @Component({ 选择器:“ app-my-button”, templateUrl: './my-button.component.html', 封装:ViewEncapsulation.Native, 样式:['@ import“〜bootstrap / scss / boot
..
我正在处理一个递归查询生成器表单,该表单类似于中的此 >角7,具有反应形式。意味着,用户可以通过单击添加规则来继续添加并行规则,也可以通过单击添加组。 我创建了两个组件, QueryDesignerComponent 和 QueryComponent 。 QueryDesignerComponent 保存外部容器,条件为 AND 和 OR 和 QueryComponent 保存行输入,即 LHS
..
在webcomponents中,我们有两种类型的插槽(命名插槽和默认插槽)。我们可以使用语法 slot [name] :: slotted(*)轻松设置命名插槽的样式。但是,有没有办法设置默认插槽的样式,因为它们没有任何关联的名称? 代码是这样的,我正在使用Angular Elements。
..
我一直在努力使Angular元素组件正常工作,因为我正在考虑在即将到来的项目中使用它们。 我遵循了许多教程(都非常相似),并且无法使其正常工作。教程之一是这一个。 我为Elements项目拥有以下package.json { “ “:”“ angular-webcomponents-demo”, “ version”:“ 0.0.0”, “ scripts”:{ “ ng”:“
..
是否可以注销由createCustomElement创建的自定义元素? 我们使用Web组件包装垂直功能,即功能的所有“部分”是在将Web组件添加到DOM之前下载的。 我们真正想要的是在该功能不再有效但看上去像该功能时完全销毁该组件。没有可用的API。 有人对此有运气吗? 解决方案 在Angular级别上,createCustomElement 旁边似乎没有任何“销毁”或“
..
我们有一个Angular 7项目,它使用Angular Elements生成一个Custom Element。此自定义元素用于React项目和AngularJS项目中。 在其中一个项目中加载了自定义元素的代码后,即使自定义元素未呈现到DOM中,网站的运行速度也降低了约30%! 性能分析表明,经常调用zone.js中的方法invokeTask()和runTask()。 我试图将事件列入
..
在使用自定义角度元素时,我陷入了困境,每当我发出一个值,即 true 或 false 时,它每当我在其他项目中通过创建捆绑的 JS 文件在其他项目中使用元素时,在同一个角度项目中使用 element 时工作正常。它在父组件中显示 Inputs事件。 这是我在父组件中的Angular元素
..
我希望将Angular Elements与外部库(Kendo UI)一起使用。我设法创建了一个组件并将其添加到我的应用程序中。问题是Kendo的CSS弄乱了我所有的应用样式。 关于如何封装CSS的任何想法都只能应用于组件,而不能“泄漏”到 谢谢 更新 有关代码,请参见以下stackblitz: https://stackblitz.com/edit/angul
..