问题标签 [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.
javascript - Angular 11:如何在 Fullcalendar V5 中重新获取(从后端更改事件时)事件?
我正在努力
"@fullcalendar/angular": "^5.5.0",
我无法重新呈现从 API 调用订阅的事件。我到处搜索,但没有任何效果...请帮助..
这是代码:
calendar.component.html
日历组件.ts
最终通话:事件发生变化时如何渲染日历???
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 未定义错误。
angular - 未找到名称“matAutocomplete”的导出
我无法理解我的代码出了什么问题,我导入了模块,但仍然收到此错误“未找到名称导出'matAutocomplete'”
注意:我在导入 MatAutocompleteModule 后重新启动了几次编译的 IDE,还是一样。
这是 app.module.ts - 仅粘贴代码的相关部分
组件.html
组件.ts
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 是否有防止任何类型的相对路径的规则?只允许绝对路径?
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 引起的,但在研究时我并不能完全确定这一点。
我的问题是,为什么?
现在需要具有默认值的属性,最重要的是,它的工作方式是否相同?例如,如果我插入,只需添加?
它会设置默认值吗?false
undefined
我真的很想回到以前的(IMO 正确)行为,而无需停用任何重要的检查,例如strictTemplateCheck
. 因为即使项目构建(虽然我不确定这是正确的方法),我现在仍然需要!
在我的代码中使用很多,让 TS 知道该属性应该有一个值。
如果您知道它在哪里,请将文档链接添加到您的答案/评论中。
如果有任何不清楚的地方,请告诉我。
谢谢!
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 中做什么才能完成这项工作?
angular - VSCode 中的 Angular 语言服务不起作用,因为它不是 Angular 项目(找不到“@angular/core/core.d.ts”)
不知何故,VSCode 中的 Angular (v11.0.4) 语言服务不再起作用。我收到以下错误消息。:
我已经尝试过:
但这并不能解决问题。
我能做些什么来解决这个问题?
angular - 在 Angular 11 库中添加扩展方法
前段时间我创建了两个简单的文件来扩展某些类型的功能。global.d.ts
我以这种方式创建了一个:
extensions.ts
然后我在原型上创建了文件白实现。我将它导入到我的polyfills.ts
:
通过这种方式,我可以在代码中的任何地方使用这些方法。现在我需要在 Angular 11 库中做同样的事情。我创建了global.d.ts
and extensions.ts
,但是现在呢?没有polyfills.ts
文件,如果我尝试在需要其中一种方法(import "../../extensions";
)的地方进行简单的导入,则没有任何效果。在控制台中,我收到此错误:
如何在全球范围内导入我的扩展程序?为什么我extensions.ts
在其他项目中运行良好时会出现 TS2339 错误?
iis - config.json 文件的奇怪行为
我有一个config.json
文件作为我的 Angular 项目的一部分。
可能是我在命令中遗漏了一些东西:ng build --prod
因为我遇到了一种奇怪的行为。我正在将dist
文件夹复制到 IIS 服务器,并且在更改服务器本身的配置文件属性之一时,似乎什么也没发生,并且 IIS 会记住旧值。
我也尝试过重置 IIS,但没有成功,所以我想它可能与我构建 angular 项目的方式有关,而对 IIS 没有任何影响。
我正在使用角度/cli - 11.0.0