问题标签 [angular12]

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 投票
0 回答
125 浏览

javascript - Angular Html2Pdf - DOMException:无法在 'ShadowRoot' 上设置 'adoptedStyleSheets' 属性

使用 Angular 12 实现 html2pdf,将部分 html 页面转换为 PDF 以供下载。

控制台错误

index-7a8b7a1c.js:150 Uncaught (in promise) DOMException: 无法在 'ShadowRoot' 上设置 'adoptedStyleSheets' 属性:不允许在多个文档中共享构造的样式表

HTML

脚本

谁能帮我这个?

0 投票
1 回答
63 浏览

angular - 是否可以在 routerLink 的 queryParams 中使用常量作为属性名称?

我正在尝试导航到当前页面并更改/添加查询参数“categoryId”。如果我做:

它工作正常,但我有一个查询参数名称的常量,这样如果我想更改它,我不必找到每个实例。

在 component.ts 中,我有以下属性:

我努力了:

查看:https ://stackoverflow.com/a/2274327/787958 后,我尝试了:

但是,我仍然遇到编译错误。如果可能,这样做的正确方法是什么?旁注,我知道我可以使用 以编程方式执行此操作(click),但我正在利用<a [routerLink]>能够右键单击并在新选项卡中打开的好处。

0 投票
0 回答
45 浏览

angular12 - 创建一个假后端 angular 12

我目前正在观看 mosh hamedani “angular 4 Beginner to Pro”的教程,我复制了他的虚拟服务器代码,但由于旧版本无法正常工作,我找不到任何关于如何从 Angular 转换它的信息4 到 Angular 12 我想要一个例子,谢谢!

0 投票
2 回答
5051 浏览

angular - Ionic 5 中的 CAPACITOR_ANDROID_STUDIO_PATH 环境变量

试图将CAPACITOR_ANDROID_STUDIO_PATH环境变量添加为。

如果我尝试将其添加到 .

会给出这样的错误。 在此处输入图像描述

ionic build有效,但是当我同时运行npx cap open android它们CapacitorConfig并且PluginsConfig不起作用时,它显示了这个问题。

我从这里引用了它。
https://capacitorjs.com/docs/config

更新1:capacitor.config.json我用过。

对于 Angular 10,现在 Angular 12 正在用作.ts扩展,capacitor.config.ts我该如何实现这样的东西"windowsAndroidStudioPath": "D:\\android-studio-canary\\bin\\studio64.exe"

0 投票
3 回答
980 浏览

angular - 加载资源失败:服务器响应状态为 400 () 错误:Angular asp.net core 5 api

我正在开发一个前端使用 Angular 12 和 API 中使用 ASP.net core 5 的应用程序。调用 HttpPost API 时出现错误加载资源失败:服务器响应状态为 400 ()

如果我使用字符串或整数参数,则没有问题,并且 API 被正确调用。但只有当我使用实体类传递值时,我才会收到此错误。

这是我在 asp.net 核心中的实体类

这是API

这是我的角度 component.ts 代码:

角服务方法:

}

角模型类:

可能出了什么问题?

0 投票
1 回答
46 浏览

javascript - Angular 12 构建问题 - 致命错误:接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

角度升级到 12 后出现以下构建错误。

致命错误:接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

在此处输入图像描述

我已将 --max_old_space_size 增加到 8192,但在构建时仍然遇到同样的问题

0 投票
3 回答
1243 浏览

angular - 角度被 CORS 策略预检响应阻止

我在 Angular 12 中发出请求,标头中有一个有效的令牌,在邮递员中它可以工作,但是,如果我从浏览器运行它,我会收到以下错误,from origin 'http://localhost:4200' has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.

这是核心的一部分,它在服务中。

0 投票
0 回答
867 浏览

css - 运行 ng serve for angular 12 时收到此警告 - 无法找到样式表:C:\Workstation\fe\assets\css\core.css

警告信息

我的角度是 7,但最近我将它升级到 12.0.5。ng build 运行良好,ng serve 也在执行,没有任何错误,但总是收到上述警告。此外,我正在尝试在浏览器中打开这些 css 文件,如 localhost:4200/assets/core.css 我可以看到它正在加载css 文件,但不知道为什么这不适用于项目,从而导致不良样式和设计。

我的 index.html 看起来像

我的 angular.json

0 投票
2 回答
452 浏览

css - 通过单击其标签来防止检查 mat-checkbox

我需要通过单击其标签来防止选中复选框。

我使用角材料复选框。

我使用该方法部分设法做到这一点,preventDefault()但如果我单击标签,复选框仍会显示焦点样式。

我需要的是:如果我点击标签,复选框不会发生任何事情(未选中,未关注)。

请查看此 stackblitz 链接以更好地理解我的问题:https ://stackblitz.com/edit/angular-2zyvdp?file=src%2Fapp%2Fcheckbox-overview-example.html

0 投票
2 回答
1092 浏览

angular - 将 Angular 11 应用程序升级到 Angular 12 时面临的问题

当我们尝试将 Angular 11 应用程序(单 SPA 微前端)更新到 Angular 12 时,我们面临以下问题。

尝试运行此应用程序时控制台出错:

  • configuration.output 具有未知属性“chunkLoadingGlobal”。这些属性有效:object { assistantComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, futureEmitAssetss?, globalObject?, hashDigest?, hashDigestLength?, hashFunction ?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassembly模块文件名?}-> 影响编译输出的选项。outputoptions 告诉 webpack 如何将编译后的文件写入磁盘。有关详细信息,请参阅“C:\Users\newUser\AppData\Local\Temp\ng-UOeNLu\angular-errors.log”。

包.json:

角.json: