问题标签 [angular13]

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 投票
3 回答
602 浏览

angular - 更新到 Angular 13 后的属性绑定错误

我收到此错误

嵌入模板上的任何指令都没有使用属性绑定 ngIf。确保属性名称拼写正确,并且所有指令都列在“@NgModule.declarations”中

即使你在我跑步时也能正常工作ng serve

在此处输入图像描述 在此处输入图像描述

当我将 angular 更新为v13.

我已经尝试重新启动Vscode并重新安装Angular 语言服务并安装以前版本的Angular 语言服务......它们都不起作用......

我的app.module.ts

0 投票
1 回答
37 浏览

javascript - 从Angular中的不同范围获取变量和调用函数

我在 ngOnInit() 中有一个本地函数,它是由我正在使用的库自动触发的。我必须将它作为 ngOnInit 中的本地函数。

问题- 我无法访问在该角度组件中声明的变量或调用函数。

错误如下:

在此处输入图像描述

组件中定义的变量或函数是否默认不公开?

提前致谢!

0 投票
1 回答
3327 浏览

angular - 升级项目时,数据路径“”不得在 Angular 13 中具有其他属性(extractCss)

将我的项目从 angular 8.2.1 升级到 angular 13 版本时遇到问题。

在准备构建时成功升级后,它给了我以下错误。

我已经在 angular.json 文件中重命名为styleext with style,但仍然无法找到此错误的根本原因。

angular.json 文件如下。

如何摆脱这个额外的属性?

谁能帮我这个?

提前致谢!

0 投票
0 回答
116 浏览

angular - 使用 Google 登录:popup_blocked_by_browser(Angular 应用程序)

我正在尝试在我的应用程序中使用 Google SSO。为此,我成功地使用了 angularx-social-login库。

但是我也想使用这里解释的谷歌按钮(用谷歌登录)。

但是,会出现以下问题。当用户单击登录按钮,然后使用他的 google 帐户登录时,浏览器 (Chrome) 会抛出以下错误:“popup_blocked_by_browser”。

似乎它发生是因为我在过程中也调用了我的后端,因此弹出窗口被阻止,因为浏览器认为它没有被用户打开。

你能帮忙找到解决这个问题的方法吗?

这里的代码:

0 投票
0 回答
67 浏览

routes - 当我以 Angular 13 刷新页面时出错

我有我的多语言 Angular 项目,当我构建项目时,我获得了两个文件夹 en-CM 和 fr-CM,我将它们部署到在线服务器上。当我刷新页面时,它会显示 404 错误消息“找不到此页面”。我在我的 appModule 文件中使用了 HashLocationStrategy,它在站点链接上添加了一个 #。但是我希望我的链接没有#。

我看到这篇文章https://angular.io/guide/deployment#routed-apps-must-fallback-to-indexhtml我在其中配置了 .htaccess 文件,如下所示。

但它仍然不起作用。需要你的帮助

0 投票
1 回答
55 浏览

html - 如何在 ngbtooltip 中使用 isOpen 方法进行角度 13?

我想使用方法检查工具提示是否在角度 13 中打开isOpen()

例子:

0 投票
1 回答
157 浏览

angular - 错误 Angular 13:ngForOf 未被任何指令使用...无法绑定到“ngForOf”

我收到此错误

无法绑定到“ngForOf”,因为它不是“a”的已知属性

我已经导入了所有必要的模块: CommonModuleBrowserModuleReactiveFormsModule

app.module.ts :

配方列表.component.ts :

我正在使用 Angular v13.1.1 / Node v16.13.1 / VSCode v1.63.2

我的错误屏幕

0 投票
1 回答
58 浏览

angular - RxJs catchError 改变返回类型

我正在尝试实现一些缓存,并且我有以下方法。该catchError块导致错误,因为返回类型变为Observable<Client | Client[]>. 我不明白为什么它认为它不是一组客户端,或者如何修复。

0 投票
1 回答
182 浏览

javascript - 无法从 Angular 13 中的 Typescript 调用 JS 函数

我正在尝试LoadMultiSelect()从我的一个组件中调用以下函数,因为我使用的是非 Angular 库:

https://ibnujakaria.github.io/multiple-select-js/

这在控制台中完美运行:

并加载 JS 组件。

后来,我尝试在 Angular 中添加它,但我找不到如何添加它。

我尝试通过两种方式导出 JS 函数:

像这样:

我创建了一个文件来加载导出的函数:

资产/js/multiselect.js

后来,我在我buildscripts部分中添加了它,angular.json如下所示:

然后我尝试将它添加到我的组件中,如下所示:

但没有任何效果,我收到此错误:

找不到模块“../../../../../assets/js/multiselect”的声明文件。'/Users/fanmixco/Documents/GitHub/holma-bootstrap/src/assets/js/multiselect.js' 隐含了一个 'any' 类型。

或其他人,知道我做错了什么吗?

PS:

  1. 另外,我尝试使用require,但它也失败了。

  2. 我已经用旧版本的 Angular 测试了以前的解决方案:

0 投票
0 回答
62 浏览

angular - Angular 13 为延迟加载的块自定义根路径

我有多模块化 Angular 13 应用程序,其中模块是使用延迟加载加载的。问题是生成的 Angular 文件,如 main.[hash].js、pollyfils.[hash].js 和 runtime.[hash].js 不在站点根目录中。结构如下所示:

Angular.json 文件具有以下设置:

当应用程序运行时,它会尝试815.d3bd01384abd247c.js从应用程序根目录加载块文件,而不是从它的实际位置,显然块加载失败。如何解决这个问题?是否有任何设置可以告诉 Angular 从特定位置加载延迟加载模块的块/mysitefolder/