问题标签 [angular10]

我知道构造函数或类存在一些问题，但我不确定是什么问题。

我的食谱模型类如下所示：

这就是我的 recipe-list-component.ts ，

这就是我的应用程序结构的样子。

谁能建议我如何解决这个问题。我正在使用 Angular CLI：10.0.5，节点：12.18.2。

环境文件

API服务

通用文件

常量文件

如果我在 post api 中传递 url1，那么它的工作正常，也const url3 = environment.apiUrl + '/auth/login';可以正常工作，但我连接字符串，const url = `${environment.apiUrl}${consts.LOGIN}`; 然后当我签入网络选项卡时，它会在 url 中添加一些奇怪的额外字符，如下所示

在子组件中，我需要FormControl从父母的FormGroup. FormGroupDirective通过注入构造函数然后调用注入的项目很容易做到.control.get()。

但是，如果表单控件实际上嵌套在 aFormArray中，那么这是行不通的。FormControl从中获取的等价物是FormArray什么？

在我的 HTML 中，我只有一个非常标准的设置

通过使用该指令，我不必实际传递formGroup. 理想情况下，我不必通过formArrayNameor formGroupName，my-custom-control但如果必须，我可以。

我想避免将类似的东西传递this.formArray.at(index).get('someControlName')给子控件。我只想通过controlName并让孩子直接“找到”它。

我不确定如何FormArray从FormGroupDirective

这是我正在使用的表格：

这是里面constructor()：

正在打印，yes所以我知道这是有效的，但mat-autocomplete没有显示任何内容。该result变量也在更新，因为我可以看到它在控制台上打印。我无法理解为什么没有显示搜索到的值。

我将不胜感激任何帮助！

编辑

这是find()方法：

我有一个关于 Angular 10 的项目。我已经开始添加引导标头。它在 pc 上运行完美，但是当我切换到移动设备时，菜单不起作用。菜单图标在那里，但它没有打开。

我已经尝试了所有类似的问题，但它无法解决我的错误

我试过的

我已经安装

在那之后

Angular.json

app.component.html

谢谢

Ng serve和ng build --prod命令工作正常，但是当我在 serve 上部署应用程序时，会出现以下错误：-

tsconfig.base.json

新的角度，我正在尝试使用 ScrollTrigger 进行水平滚动。

它可以工作，但是当我服务或构建时出现错误：“元素”类型上不存在属性“offsetWidth”。

这是 gsap 的代码：

即使我得到它的错误，当我控制台记录“document.query ..”时，我得到了元素的良好宽度。

但是该错误阻止我构建。我已经做了演员的事情，首先是：

或者使用之前，但这不起作用，我有带有红色下划线的错误消息：将“字符串”类型转换为“HTMLElement”类型可能是一个错误，因为这两种类型都没有与另一种充分重叠。

我的角度项目是 10.0.5。

在回复中尝试了解决方案：

但是在红色下划线出现此错误，但在我发球时控制台中没有任何内容。

将“Element”类型转换为“HTMLElement”类型可能是一个错误，因为这两种类型都没有与另一种充分重叠。如果这是故意的，请先将表达式转换为“未知”。“元素”类型缺少“HTMLElement”类型的以下属性：accessKey、accessKeyLabel、autocapitalize、dir 和 105 more.ts(2352)

使用组件方法禁用 Angular 按钮是好还是坏？具体来说，这会是 Angular 中的性能问题吗？看来Angular必须不断计算。

使用静态变量（例如 this.productDisable: boolean）是否更好，让它在特定时间进行计算？

}

HTML：

使用类方法等好奇地阅读教程和文章的战利品

我正在尝试使用官方文档中给出的步骤将我现有的 Angular 9 项目更新为 Angular 10。 ng update @angular/cli工作正常。

但是，我在下一步中遇到错误。 ng update @angular/core

错误 - 包“@angular-devkit/build-angular”与“typescript”具有不兼容的对等依赖项（需要 ">=3.6 < 3.9"，将安装“3.9.7”）

下面是我当前的 package.json。

谁能帮我解决这个错误？

我是 Angular 的新手，遇到了一些问题，希望你能帮助我。所以我试图将一个变量的值从 ProjectComponent 共享到 AcceuilComponent ，这个变量的值正确显示到我的 acceuil.component.html 但是当我尝试将它用于我的 acceuil.component.ts 它是未定义的！

project.component.html (the parent component)

project.component.ts

acceuil.component.html (my child component)

acceuil.component.ts

我正在使用消息来调用服务并显示数据。在 acceuil.component.html<p>{{message}}</p>中显示正确，但console.log("id",this.message);在 acceuil.component.ts 中显示未定义