问题标签 [angular-cli-v7]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1174 浏览

angular - angular 7 cli 在自己的目录中生成每个服务、管道等

在我运行 Angular Cli 的早期版本时,ng g service services/MyService它创建了:

但现在它创造了

有没有办法在不写详细信息的情况下回到其他行为ng g service services/my-service/MyService ?我没有找到任何相关但也许我没有使用正确的关键字。

0 投票
2 回答
144 浏览

angular-cli - 在创建新组件Angular 7时自动声明组件,路由模块中的路径

  1. 例如,如果我们从 angular-cli (ng g component compName) 创建任何组件,它会自动声明

https://i.stack.imgur.com/KiXzj.jpg

  1. 同样我想在创建组件时在路由中自动声明,就像这样

https://i.stack.imgur.com/RthNi.jpg

0 投票
2 回答
3839 浏览

angular - 我的应用程序在 ng serve 上构建缓慢的可能原因是什么?

我对更改的编译和输出结果非常缓慢。

我当前的 ng serve 在大约 20 秒内对文件进行简单的文本更改后运行更新。(其实编译时间很短,3-5秒之内),另外15秒是浏览器重载的过程。我在网络选项卡中意识到,花费时间最长的进程是 websocket,而它消耗了 13 秒。

对于这种情况,根本原因可能是什么?是因为我使用的是 rxjs 和 lodash 等外部库吗?是因为我在每个 scss 文件中都导入了引导 css 吗?还是因为我的组件结构?(我有多个模块)

我想知道,我如何将它缩短到 3 - 5 秒,因为它会极大地影响我的工作效率。

谢谢

这是捆绑包大小: 在此处输入图像描述

这是我的管理模块路线:

在此处输入图像描述

0 投票
1 回答
1165 浏览

angular - 在角度项目中安装firebase时出现安装错误

在我的 Angular 项目中,我必须使用 firebase SDK,因为我必须将 firebase 安装到我的项目中。我尝试使用命令“npm install angular-firebase --save”将它安装在我的 Angular 项目中。它抛出这个错误:

我该如何解决这个问题?

0 投票
1 回答
426 浏览

wysiwyg - froalaEditor.file.beforeUpload 事件未触发

我正在尝试实现 Angular Froala WYSIWYS 编辑器的自定义文件上传功能。我在下面粘贴了我的配置选项。

在控制台中,我可以看到触发了froalaEditor.file.beforeUploadfroalaEditor.file.inserted事件,但是没有触发任何类型的 HTTP 操作,也没有触发 和froalaEditor.file.uploaded事件froalaEditor.file.error

有谁知道为什么 Froala 不尝试发布到我的 fileUploadUrl?

版本信息:

角 CLI:7.3.0

angular-froala-wysiwyg:“^2.9.1”

0 投票
0 回答
245 浏览

angular - 如何更改 Angular CLI 用于生成测试的根目录?

在我的项目中,我们使用 angular CLI 来生成新的组件和服务,但我们希望将测试移动到它们自己的根目录中,该根目录反映了 sourceRoot src

例如,而不是:

输出将是

我查看了文档中的配置选项来指定此行为,但没有找到任何东西。有谁知道解决这个问题?

以下是相关的版本信息:

0 投票
4 回答
122 浏览

angular - 无法在角度 7 中执行另一个组件的方法

我正在尝试通过方法 callToggleSidebarOnToggleSidebarBtn() 从 HeaderComponent 调用 SidebarComponent 的方法 toggleSidebar() 但我收到一些我不明白的错误。如何使用另一个组件的方法?

我在 HeaderComponent 中导入 SidebarComponent;在 HeaderComponent 中,我在构造函数中添加 SidebarComponent 以使用她的方法之一。我试图删除 header.component.ts 的方法 callToggleSidebarOnToggleSidebarBtn() 但我得到了相同的输出。

sidebar.component.html :

sidebar.component.ts :

header.component.html :

header.component.ts :

我希望能够通过单击标题左上角的按钮来切换 sidebar.component.html 的内容,但实际输出是:

0 投票
3 回答
8043 浏览

angular-cli - 默认/开发的 Angular CLI 文件替换

我有一个相当复杂的angular.json,因为我有多个项目。我想要的是每个项目单独的 environment.ts 文件。当构建目标是生产时替换环境文件似乎非常简单:

我正在寻找的是一种对默认/开发配置执行相同操作的方法。不包含我能找到的任何类似的angular.json配置节点,所以我不确定它是否可能和/或在fileReplacements不针对生产时指定的位置。

当然,如果有更好的方法来处理我没有看到的每个项目的环境,我也会对此感兴趣。

0 投票
2 回答
6935 浏览

typescript - Angular 7 & Stripe 错误 TS2304:找不到名称“Stripe”

我已经安装@types/stripe-v3并将 Stripe 的 javascript 文件包含在index.html. 假设 Angular 编译器应该自动包含来自 @types 节点模块的所有文件。@types/stripe-v3/index.d.ts如果编译器包含该文件,则在互联网上阅读并查看应该有一个全局声明的 var Stripe。从index.d.ts

在我的服务文件中,我有以下代码:

导致以下错误:

0 投票
1 回答
2169 浏览

angular - 如何添加 ProxyConfig 来构建 Angular7 应用程序

无法与代理配置一起构建应用程序。它使用 ng serve 或 npm run start 按预期工作。我需要通过 npm run build 或 ng build 来完成这项工作。我可以在哪里将该 dist 文件夹部署到 tomcat webapps 并使它们工作。谁可以帮我这个事?任何快速都有很大帮助。

请在下面找到代码。

proxy.conf.json

角.json

包.json