问题标签 [angular9]

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 回答
1206 浏览

angular - Bootstrap 4颜色在Angular 9中没有改变

我制作了一个自定义 scss 文件 ( modified-bootstrap.scss) 来覆盖引导变量

然后将其导入一个名为的文件中,该文件base.scss添加在angular.json. 这是base.scss文件-

而且,这是我angular.json文件的 scss 示意图、样式和脚本数组-

Bootstrap 工作正常,但颜色没有被覆盖。知道我在做什么错吗?

0 投票
1 回答
3410 浏览

angular - 升级到 Angular 9 后指令不适用于 FormControl

我使用指令来启用和禁用表单。这是在一个单独的打字稿文件中。代码如下: -

HTML: -

我在这里担心的是上面的代码适用于以下包: -

并且不与:-

我收到此错误 -

在 DisableControlDirective.set 中无法读取未定义的属性“禁用”无法读取未定义的属性“禁用”

会不会是版本升级的问题?我一无所知。请建议是否有任何方法可以解决此问题。

0 投票
2 回答
115 浏览

angular - 在浏览器中调试 TS 文件

我目前正在使用最新版本的 Angular,并且我已经开始编写一个简单的项目。我已经到了需要修改一些代码行的地步,所以我打开了 Chrome 的开发工具,尝试归档文件。可悲的是没有。

我错过了什么还是什么?似乎编译器没有建立相关的 sourceMap 文件。

如果有人需要,这是我package.json的依赖文件:

0 投票
1 回答
1181 浏览

javascript - 尝试迁移到 Angular 9 时出错:带有 DI 迁移的未修饰类

我正在尝试从 Angular 8 迁移到 Angular 9,并在步骤中出现以下错误:带有 DI 迁移的未装饰类。

无法迁移所有使用依赖注入的未修饰类。由于 TypeScript 程序失败,一些项目目标无法分析。

错误:错误 TS100: src\app\app.module.ts(107,25): 'AppModule' 模板编译期间出错 装饰器不支持函数调用,但在 'appReducers' 'appReducers' 引用中调用了 'combineReducers' src\app\store\reducers\index.ts(13,10) 处的 modelReducer' 'modelReducer' 在 src\app\store\reducers\model.ts(25,29) 处调用 'combineReducers'。

知道为什么我会收到此错误吗?

0 投票
4 回答
2403 浏览

angular - Angular 9 “没有为 @angular/core 符号 'ɵɵinjectPipeChangeDetectorRef' 提供值。” (常春藤)

我今天将我的 Angular 应用程序更新到了版本 9,它在没有 IVY 编译器的情况下运行良好。

一旦我启用 Ivy,我就会收到以下错误(在应用程序启动时)并且不知道如何继续。

它似乎与更改检测器参考和管道有关,但是当我使用自定义管道时,没有人使用更改检测器。

runtime.js:26 错误错误:没有为@angular/core 符号“ɵɵinjectPipeChangeDetectorRef”提供值。在 R3JitReflector.push../node_modules/@angular/compiler/fesm5/compiler.js.R3JitReflector.resolveExternalReference (vendor.js:36836) 在 JitEmitterVisitor.push../node_modules/@angular/compiler/fesm5/compiler.js。 JitEmitterVisitor.visitExternalExpr (vendor.js:36772) 在 ExternalExpr.push../node_modules/@angular/compiler/fesm5/compiler.js.ExternalExpr.visitExpression (vendor.js:31428) 在 JitEmitterVisitor.push../node_modules/@ angular/compiler/fesm5/compiler.js.AbstractEmitterVisitor.visitInvokeFunctionExpr (vendor.js:36217) 在 JitEmitterVisitor.push../node_modules/@angular/compiler/fesm5/compiler.js.AbstractJsEmitterVisitor.visitInvokeFunctionExpr (vendor.js:36572)在 InvokeFunctionExpr.push..


按照要求:


我现在在浏览器中逐步浏览,看看我能找到什么。

丢失的符号有时出现在R3JitReflector.context(它正在寻找它的地方),有时不在那里:

错误: 在此处输入图像描述


在此处输入图像描述

0 投票
1 回答
4749 浏览

javascript - 如何在 Angular 9 中访问组件的唯一封装 ID

我试图通过添加这样的实例 id 来封装我的元素 id:

我以前使用过这个:https ://stackoverflow.com/a/40140762/12858538 。但是在将 Angular 从 7 升级到 9 之后,这似乎已被弃用。我正在考虑一个简单的帮助服务,它会为我的应用程序生成唯一的 id。

像这样的东西:

灵感来自 lodash uniqueid

但我宁愿在 ids 中使用 angulars 构建。所以我目前的解决方案是从 components_nghost属性中提取 id 。

但我对这个解决方案并不完全满意,我正在寻找对 id 的直接访问。

有谁知道如何访问这个?

0 投票
5 回答
9633 浏览

angular - 带有 @Injectable() 的 Angular 9 BaseComponent

在 Angular 8 中,我能够使用“@Injectable”属性创建基础组件(实际组件继承自的类)。Angular 9 编译器告诉我:

组件 YourComponent 从 BaseComponent 继承其构造函数,但后者没有自己的 Angular 装饰器。依赖注入将无法解析 BaseComponent 的构造函数的参数。向 BaseComponent 添加一个 @Directive 装饰器,或者向 RoleSelectDialogComponent 添加一个显式构造函数。

现在 Angular 9 做这些事情的方式是什么?这可行,但看起来有点hacky:

0 投票
2 回答
1522 浏览

angular - 启用了 fullTemplateTypeCheck 和 strictTemplates 的 Angular 9:类型上不存在属性

我有一个像

我在 Angular 9 应用程序上启用了 fullTemplateTypeCheck 和 strictTemplatesng serve ,它在运行时引发异常:

类型“ItemBaseType”上不存在属性“bar”。

bar存在于ItemType.

出了什么问题?

0 投票
3 回答
27160 浏览

angular - 此类通过 SomeModule -> SomeComponent 对消费者可见,但不会从顶级库入口点导出

我将我所有的角度库都升级为angular 9.0.0使用ng update,当我尝试构建它们时,我得到了以下错误。

错误:

不支持的私有类 SomeComponent。此类通过 SomeModule -> SomeComponent 对消费者可见,但不会从顶级库入口点导出。

有人解决了这个错误吗?

0 投票
1 回答
292 浏览

angular - Angular 9 - trackBy 模板类型检查

我有一个简单的 trackBy 语句,直到 ng9 才出现问题。

现在,通过模板类型检查,编译器会抱怨:“SkillsListComponent”类型上不存在属性“s”——这是真的——因为它被内联定义为表达式。当代码运行时,这个编译错误也不会停止......只是想拥有一个整洁的代码库。有人知道如何以 ng9 友好的方式写这个吗?