问题标签 [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.
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 中这行得通。
谁能告诉我如何解决这个问题?
angular - Angular 7 上的虚拟滚动不可见 - 默认情况下高度为零
设想:
- 尝试阅读此博客文章的基本虚拟滚动测试
- 数组有很多项目
- 没有错误
- 列表加载在虚拟滚动中,但默认高度为 0
快速修复是
- 将 cdk-virtual-scroll-viewport 的高度设置为 500px 或在 app.component.css 中设置类“example-viewport”的高度
问题:克服这个零高度的正确方法是什么?
angular - 库之间的 Angular 6/7 循环依赖
我正在开发一个使用 Angular 7 的项目,我为我构建的应用程序的各个模块提供了各种角度库,然后在(私有)npm 上发布以供应用程序使用。所以所有的 Angular 库都是通过它们的 npm 包导入到应用程序中的。
我面临的问题是我现在有 2 个相互导入的模块,因为它们需要显示来自另一个模块的组件。我不能将上述组件移到其他地方,因为它们依赖于自己模块中的服务和其他组件。
为了让它更清楚一点,我会给你一个我的情况的例子。
我已经有一个SharedModule
带有一些在其他模块中使用的独立组件,然后我也有一个用于每个 API 服务的模块。所以我有一个UsersModule
'AdministrationModule' 等。我的问题是PlantModule
and FleetModule
。
- 像发电厂一样的工厂
- 舰队作为一组工厂和/或其他舰队,但也有自己的属性
PlantModule
有一个用于植物列表的组件(如发电厂而不是有机植物)和一个用于植物详细信息的组件。在详细信息组件中还有其他外部组件,例如显示分配给它的所有用户以及车队。
FleetsModule
还有一个用于车队列表的组件和一个用于详细信息的组件。在此详细组件中,还有外部组件,例如分配的用户、子车队列表和属于车队一部分的工厂列表。
我想做的是让可重用的组件在其他模块中使用,这样我就不需要在任何地方复制粘贴所有的 API 服务、组件等。
关于我做错了什么或如何解决它的任何想法?
更新
为了解决它,我更改了需要这些组件的“页面”的结构。因此,我没有在库中的其他组件中导入可重用组件,而是在主应用程序中创建一个包装器视图并导入我需要的所有内容。
angular - 将 Angular 6 更新到 7 - 依赖警告和打字稿错误
我使用此链接将我的简单 Angular 前端升级到 Angular 7:
更新时,我收到了几个关于 package.json 和 polyfills.ts 文件的警告:
我也有来自打字稿(3.0.1)的这个错误:
任何人都可以提出解决方法来解决这些依赖警告和打字稿错误吗?我需要手动更改依赖项吗?如果是,我需要一个示例如何...
angular - TypeScript - 更新到 Angular 7 后 WebStorm 中的初始化错误
我正在使用 WebStorm(版本 2018.2.5)来开发我的 Angular 应用程序。更新到 Angular 7 后,我总是在 WebStorm 的 TypeScript 窗口中收到以下错误:
经过研究,我从 JetBrains 发现了这个跟踪的问题,它说它已在 2018.2.3 版本中修复。关联
所以我不应该再收到这个错误了吗?但它仍然存在。我的应用程序仍然可以编译和运行命令,ng serve
所以我的应用程序仍然可以正常运行。
任何人都知道如何摆脱这个错误?这个错误与 JetBrains WebStorm 有关吗?
angular - Schematic 输入不针对 Schema: {"name":"testng7"} on Angular 7 进行验证
@angular/cli@7.0.2
我在 Mac OS 上将Angular CLI 更新到了最新版本。发出命令ng new testng7
时,我收到此错误:
什么都没有被创造出来。任何线索如何解决?
angular - --prod 升级到 Angular 7 后生成警告和部署的应用程序未加载
我最近将现有的 Angular 6 应用程序升级到 Angular 7。我的大部分应用程序都是基于 Angular 6 构建的,然后我升级了它。
这是我的 package.json:
这是我跑步时收到的警告ng build --prod
:
我最初并没有考虑太多警告。但是,当我尝试导航到托管在 Firebase Hosting 上的应用程序时,我的应用程序没有加载,并且我也在控制台上收到此错误:
到目前为止我尝试过的事情:
搜索了
ɵangular_packages_forms_forms_bh
一下,发现被引用了angular/forms-builds/bundles/forms.umd.min.js.map
,20分钟左右更新了。以前,但不明白该怎么做。在这个GitHub问题中发现了一个类似的问题,它指向这个评论,但看起来与我的错误无关。它表明我需要导出
src/index.ts
我目前没有的所有内容。
有人可以指出我如何解决此错误的正确方向吗?
更新
我在我SharedModule
的实现中创建了一个自定义表单控件元素ControlValueAccessor
。这是相同的模板:
这些警告与此有关吗?
angular - 升级到 Angular 7 后如何修复styles.scss?
我的 Angular 6.1 应用程序正在构建和运行良好。
我升级到 Angular 7。
现在在构建中,我遇到了多个这样的错误。
哪些变化会影响我的图形路径?
angular - 如何从头开始在 Angular 7 中安装依赖项?
我已经使用 CLI 安装了最新版本的 Angular。根目录下有 package.json。我运行命令:npm install
. 它安装了依赖项。
当我尝试在应用程序中使用包时,pipe
或component
类似:
它找不到这个依赖。如何在新的 Angular 中使用和安装 npm 包?