问题标签 [angular11]

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

javascript - Angular 11:如何在 Fullcalendar V5 中重新获取(从后端更改事件时)事件?

我正在努力 "@fullcalendar/angular": "^5.5.0",

我无法重新呈现从 API 调用订阅的事件。我到处搜索,但没有任何效果...请帮助..

这是代码:

calendar.component.html

日历组件.ts

最终通话:事件发生变化时如何渲染日历???

0 投票
1 回答
2035 浏览

angular - 在 Angular 11 材质 UI 中,我收到错误 TS2531: Object is possible 'null' in my html template

我正在使用材质 UI 和反应形式。我的应用程序运行正常并且可以登录,但在终端窗口中出现错误 TS2531:对象可能为“空”。我附上了下面的错误屏幕截图以供参考,以及我的登录 html 模板和组件。

我的 login.component.html 代码是

我的 login.component.ts 代码是

我的应用程序运行正常,但在终端中出现以下错误

错误

有人可以帮忙吗

0 投票
1 回答
132 浏览

angular - 错误 ReferenceError: Q 未在 Angular 11 项目中定义

我在使用 Q 库的 Angular 11 项目 (myCustomJS.js) 中添加了一个自定义 javascript 文件。

但是,我在我的 javascript 文件中的以下代码行中收到“ERROR ReferenceError: Q is not defined”。

错误:“错误参考错误:未定义 Q”

在线: var deferred = Q.defer();

仅供参考,我在 package.config 中添加了以下包:

我在 angular.json 文件中添加了以下内容:

在 tsconfig.app.json 文件中添加了以下类型:

不确定我是否在 Angular 11 项目中遗漏了更多参考资料。请建议如何修复 Q 未定义错误。

0 投票
2 回答
1384 浏览

angular - 未找到名称“matAutocomplete”的导出

我无法理解我的代码出了什么问题,我导入了模块,但仍然收到此错误“未找到名称导出'matAutocomplete'”

注意:我在导入 MatAutocompleteModule 后重新启动了几次编译的 IDE,还是一样。

这是 app.module.ts - 仅粘贴代码的相关部分

组件.html

组件.ts

0 投票
1 回答
4303 浏览

angular - ESLint - 只允许绝对导入路径不是相对的

我在一个 Angular 11 项目中工作。该项目中的许多导入都使用相对路径或绝对路径。

我为这个项目设置了 ESLint,我想阻止相对导入路径,只允许绝对路径。但我没有找到这样做的规则。
我发现:no-relative-parent-imports,但它并没有给我这样的路径问题:import { HttpService } from "../http/http.service";import { RouterService } from "../../services/router/router.service";(两者都不是绝对路径,它们的绝对路径分别是import { HttpService } from "app/services/http/http.service";import { RouterService } from "app/services/router/router.service";

我读过这篇文章:https
://medium.com/@aayush123/escaping-relative-import-hell-react-native-eslint-atom-57dc2cae5bcc 但如果我能避免的话,我想避免添加像 Babel 这样的东西.

ESLint 是否有防止任何类型的相对路径的规则?只允许绝对路径?

0 投票
1 回答
340 浏览

angular - 如何正确使用 Angular 11 / TS 4 上的属性的默认值?

我进行了很多研究,但无法找出 angular 11/TS4 上的默认属性发生了什么。

例如,在 Angular 10 / TS 3 上,这工作得很好:

消费者 TS

消费者 HTML

我能够将其设置isRange为可选属性并且它会起作用,这非常有意义,因为默认属性确实应该假设对于任何空值,它将使用其默认值。无论如何,这就是它在其他语言上发生的方式......

但是现在,在迁移到 Angular 11/TS4 之后,相同的代码会产生错误:

错误 TS2322:类型“布尔 | undefined' 不能分配给类型 'boolean'。类型“未定义”不可分配给类型“布尔”。

9 [isRange]="isRange"

只有在我将输入更改为:

我总是指 angular 11/TS4,因为即使我真的认为这是由 TS 引起的,但在研究时我并不能完全确定这一点。

我的问题是,为什么?现在需要具有默认值的属性,最重要的是,它的工作方式是否相同?例如,如果我插入,只需添加?它会设置默认值吗?falseundefined

我真的很想回到以前的(IMO 正确)行为,而无需停用任何重要的检查,例如strictTemplateCheck. 因为即使项目构建(虽然我不确定这是正确的方法),我现在仍然需要!在我的代码中使用很多,让 TS 知道该属性应该有一个值。

如果您知道它在哪里,请将文档链接添加到您的答案/评论中。

如果有任何不清楚的地方,请告诉我。

谢谢!

0 投票
1 回答
31 浏览

angular - 从组件内更新属性绑定

我有一个简单的自定义下拉组件,我在另一个(父)组件中使用它。

这一切都很好。但是,每当我通过选择另一个选项来更改下拉列表的值时,绑定到组件的值就永远不会更新。

我的组件如下所示:

和html:

我在这样的父组件中使用它(app.component.html):

在 app.component.ts 中:

当我点击保存按钮时,它会显示我的属性永远不会更新。

演示应用

我在这里有一个演示:

https://stackblitz.com/edit/angular-c3ew8a?file=src/app/dropdown/dropdown.component.html

重现:

  • 加载应用程序。
  • val 2从下拉列表中选择
  • 点击Save按钮。

我希望看到显示文本的警报selected userid = 2。但它显示:selected userid = 1. 它从未更新该userId属性。

我必须在 Angular 中做什么才能完成这项工作?

0 投票
2 回答
10359 浏览

angular - VSCode 中的 Angular 语言服务不起作用,因为它不是 Angular 项目(找不到“@angular/core/core.d.ts”)

不知何故,VSCode 中的 Angular (v11.0.4) 语言服务不再起作用。我收到以下错误消息。:

我已经尝试过:

但这并不能解决问题。

我能做些什么来解决这个问题?

0 投票
0 回答
326 浏览

angular - 在 Angular 11 库中添加扩展方法

前段时间我创建了两个简单的文件来扩展某些类型的功能。global.d.ts我以这种方式创建了一个:

extensions.ts然后我在原型上创建了文件白实现。我将它导入到我的polyfills.ts

通过这种方式,我可以在代码中的任何地方使用这些方法。现在我需要在 Angular 11 库中做同样的事情。我创建了global.d.tsand extensions.ts,但是现在呢?没有polyfills.ts文件,如果我尝试在需要其中一种方法(import "../../extensions";)的地方进行简单的导入,则没有任何效果。在控制台中,我收到此错误:

如何在全球范围内导入我的扩展程序?为什么我extensions.ts在其他项目中运行良好时会出现 TS2339 错误?

0 投票
0 回答
32 浏览

iis - config.json 文件的奇怪行为

我有一个config.json文件作为我的 Angular 项目的一部分。

可能是我在命令中遗漏了一些东西:ng build --prod因为我遇到了一种奇怪的行为。我正在将dist文件夹复制到 IIS 服务器,并且在更改服务器本身的配置文件属性之一时,似乎什么也没发生,并且 IIS 会记住旧值。
我也尝试过重置 IIS,但没有成功,所以我想它可能与我构建 angular 项目的方式有关,而对 IIS 没有任何影响。

我正在使用角度/cli - 11.0.0