问题标签 [angular7]

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 投票
1 回答
635 浏览

angular - Angular(7) 扩展原理图

我有几个组件,我写了一些安装这些组件的示意图。为了可维护性,我的原理图在一个单独的包中。

将我的原理图从 Angular6 合并到 Angular7 后,找不到我的原理图。

所以在我的组件的“package.json”中:

在“./schematics/collection.json”中:

@my-project/schemics 的“collections.json”:

因此,当执行“ng add @my-project/my-component”时,我收到消息:“在集合“@my-project/my-comonent”中找不到示意图“my-component-install”。然而,在 Angular6 中这行得通。

谁能告诉我如何解决这个问题?

0 投票
3 回答
23753 浏览

angular - Angular 7 上的虚拟滚动不可见 - 默认情况下高度为零

设想:

  • 尝试阅读此博客文章的基本虚拟滚动测试
  • 数组有很多项目
  • 没有错误
  • 列表加载在虚拟滚动中,但默认高度为 0

快速修复

  • 将 cdk-virtual-scroll-viewport 的高度设置为 500px 或在 app.component.css 中设置类“example-viewport”的高度

问题:克服这个零高度的正确方法是什么?

https://stackblitz.com/edit/angular-efdcyc上的示例

0 投票
1 回答
1883 浏览

angular - 库之间的 Angular 6/7 循环依赖

我正在开发一个使用 Angular 7 的项目,我为我构建的应用程序的各个模块提供了各种角度库,然后在(私有)npm 上发布以供应用程序使用。所以所有的 Angular 库都是通过它们的 npm 包导入到应用程序中的。

我面临的问题是我现在有 2 个相互导入的模块,因为它们需要显示来自另一个模块的组件。我不能将上述组件移到其他地方,因为它们依赖于自己模块中的服务和其他组件。

为了让它更清楚一点,我会给你一个我的情况的例子。

我已经有一个SharedModule带有一些在其他模块中使用的独立组件,然后我也有一个用于每个 API 服务的模块。所以我有一个UsersModule'AdministrationModule' 等。我的问题是PlantModuleand FleetModule

  • 像发电厂一样的工厂
  • 舰队作为一组工厂和/或其他舰队,但也有自己的属性

PlantModule有一个用于植物列表的组件(如发电厂而不是有机植物)和一个用于植物详细信息的组件。在详细信息组件中还有其他外部组件,例如显示分配给它的所有用户以及车队。

FleetsModule还有一个用于车队列表的组件和一个用于详细信息的组件。在此详细组件中,还有外部组件,例如分配的用户、子车队列表和属于车队一部分的工厂列表。

我想做的是让可重用的组件在其他模块中使用,这样我就不需要在任何地方复制粘贴所有的 API 服务、组件等。

关于我做错了什么或如何解决它的任何想法?

更新

为了解决它,我更改了需要这些组件的“页面”的结构。因此,我没有在库中的其他组件中导入可重用组件,而是在主应用程序中创建一个包装器视图并导入我需要的所有内容。

0 投票
2 回答
6137 浏览

angular - 将 Angular 6 更新到 7 - 依赖警告和打字稿错误

我使用此链接将我的简单 Angular 前端升级到 Angular 7:

更新到 Angular 7

更新时,我收到了几个关于 package.json 和 polyfills.ts 文件的警告:

我也有来自打字稿(3.0.1)的这个错误:

任何人都可以提出解决方法来解决这些依赖警告和打字稿错误吗?我需要手动更改依赖项吗?如果是,我需要一个示例如何...

0 投票
1 回答
1156 浏览

angular - Angular Universal + PM2:不断退出并重新启动

我使用 Angular Universal for SSR 创建了一个 Angular 7 应用程序。在本地测试,我可以看到静态内容渲染没有任何问题。

但是,一旦将文件和server.js文件夹部署到服务器并以 root 用户身份启动应用程序后,使用serverbrowser

pm2 start server.js

它给了我以下信息:

在此处输入图像描述

正如预期的那样,pm2 退出后会重新启动应用程序。问题是应用程序似乎在启动后立即退出。

或者,发行

node server.js

做同样的事情:应用程序执行并返回到 shell 提示符,没有任何消息。

任何想法可能会导致问题?TIA

0 投票
1 回答
5229 浏览

angular - TypeScript - 更新到 Angular 7 后 WebStorm 中的初始化错误

我正在使用 WebStorm(版本 2018.2.5)来开发我的 Angular 应用程序。更新到 Angular 7 后,我总是在 WebStorm 的 TypeScript 窗口中收到以下错误:

经过研究,我从 JetBrains 发现了这个跟踪的问题,它说它已在 2018.2.3 版本中修复。关联


所以我不应该再收到这个错误了吗?但它仍然存在。我的应用程序仍然可以编译和运行命令,ng serve所以我的应用程序仍然可以正常运行。

任何人都知道如何摆脱这个错误?这个错误与 JetBrains WebStorm 有关吗?

0 投票
8 回答
17087 浏览

angular - Schematic 输入不针对 Schema: {"name":"testng7"} on Angular 7 进行验证

@angular/cli@7.0.2我在 Mac OS 上将Angular CLI 更新到了最新版本。发出命令ng new testng7时,我收到此错误:

什么都没有被创造出来。任何线索如何解决?

0 投票
1 回答
1089 浏览

angular - --prod 升级到 Angular 7 后生成警告和部署的应用程序未加载

我最近将现有的 Angular 6 应用程序升级到 Angular 7。我的大部分应用程序都是基于 Angular 6 构建的,然后我升级了它。

这是我的 package.json:

这是我跑步时收到的警告ng build --prod

我最初并没有考虑太多警告。但是,当我尝试导航到托管在 Firebase Hosting 上的应用程序时,我的应用程序没有加载,并且我也在控制台上收到此错误:

到目前为止我尝试过的事情:

  1. 搜索了ɵangular_packages_forms_forms_bh一下,发现被引用了angular/forms-builds/bundles/forms.umd.min.js.map,20分钟左右更新了。以前,但不明白该怎么做。

  2. 在这个GitHub问题中发现了一个类似的问题,它指向这个评论,但看起来与我的错误无关。它表明我需要导出src/index.ts我目前没有的所有内容。

有人可以指出我如何解决此错误的正确方向吗?

更新

我在我SharedModule的实现中创建了一个自定义表单控件元素ControlValueAccessor。这是相同的模板:

这些警告与此有关吗?

0 投票
3 回答
5038 浏览

angular - 升级到 Angular 7 后如何修复styles.scss?

我的 Angular 6.1 应用程序正在构建和运行良好。

我升级到 Angular 7。

现在在构建中,我遇到了多个这样的错误。

哪些变化会影响我的图形路径?

0 投票
2 回答
8462 浏览

angular - 如何从头开始在 Angular 7 中安装依赖项?

我已经使用 CLI 安装了最新版本的 Angular。根目录下有 package.json。我运行命令:npm install. 它安装了依赖项。

当我尝试在应用程序中使用包时,pipecomponent类似:

它找不到这个依赖。如何在新的 Angular 中使用和安装 npm 包?