问题标签 [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 投票
1 回答
291 浏览

css - Angular 12 更新后的内联样式

我刚刚升级到我的项目到 Angular 12,它有两种延迟加载的样式:

它们都是手动添加到 index.html 的,并且可以使用 Angular 服务手动切换。

我也在 angular.json 中尝试过,但没有任何成功:

问题是升级到 12 后编译器会将所有这些样式添加到 index.html 中,并且现在有些样式正在中断,因为这些额外的样式添加到了 head 部分:

在 Angular 12 之前,这些标签不是自动添加的,有没有办法摆脱它们?

0 投票
1 回答
532 浏览

angular-material - 如何使用 Angular 材料 v12 显示周数

我正在使用 Angular 材料日期选择器。 https://material.angular.io/components/datepicker/

有没有办法显示这个日期选择器的周数?

0 投票
0 回答
108 浏览

angular - Angular 12 未绑定到来自 webapi 的值:返回 NgFor 仅支持绑定到 Iterables,例如数组

我一直无法绑定到 Angular12/Typescript 中的 webapi 调用。

浏览器显示此错误:ERROR 错误:找不到类型为“object”的不同支持对象“[object Object]”。NgFor 仅支持绑定到 Iterables,例如 Arrays。

api 调用成功返回数据。我不确定我在这里缺少什么?

零件

HTML

API 提供者

0 投票
1 回答
707 浏览

angular - APP_INITIALIZER 导致空白页面在 Angular 12 中没有错误(从版本 9 到 11)

我们的应用程序从一开始就需要一些服务。因此我们有一些提供程序,在启动时初始化它们。这是来自以下providers部分app.module.ts

这在 Angular 9-11 中运行良好。但是,在升级到 Angular 12 之后,甚至在一个空白的 Angular 12 项目中,这似乎破坏了应用程序。

虽然创建了服务。它使用以下正确记录:

但是,该页面返回为空白的白色页面。没有渲染任何组件,也没有发生路由。

CLI 上没有错误,浏览器控制台中也没有任何错误,只是一个空白页面。当我删除提供程序时,它似乎工作正常。

他们有没有改变,APP_INITIALIZER在 Angular 12 中是如何工作的?如何修复或更新代码以使其再次工作?也许有更好的方法在启动时初始化服务?

0 投票
1 回答
122 浏览

angular - 带有条件运算符表达式的大括号文本插值中的 Angular 12 花括号

在这里我尝试使用*ngFor="let i of dataL;let k = index | async",现在我想要实现的是以下代码。

从这个改变<a href='(i.links.article)'>Article_{{k+1}}</a>到这个
<a href="{{i.links.article}}">Article_{{k+1}}</a>仍然显示。
角度误差

更新 1:
它显示了结果,我已经固定了它的位置。

现在我只需要 Article : N/A 或带有 URL

0 投票
1 回答
62 浏览

angular - 使用 SCSS 时如何防止 Angular@12 在 -tag 上呈现“onload”属性

在 Angular@12 中使用 SCSS 时,-tag 有一个属性onload

但是,当 SCSS 为空或未使用 SCSS 时,它只会呈现:

使用仅允许“self”的 CSP-Headers 时:

这会导致违反 CSP-Header。现在我需要添加'unsafe-inline'script-src. 我不要那个!

是否可以强制生产版本不使用onload?

0 投票
1 回答
296 浏览

angular - Angular 12 无法加载架构 — 库中的 ng-package.schema.json 文件

我确实升级到了 angular 12,但我无法再构建库了。= angular: v12.0.3,ng-packagr: 12.0.0

我正在运行以下命令ng build mylib --prod并收到以下错误

然后我打开ng-package.json文件,看到我有一个警告

我做了控制,文件确实存在。我也确实尝试重新安装每个模块但没有修复它。

我有以下文件夹结构
在此处输入图像描述

有人面临同样的问题吗?

0 投票
1 回答
4629 浏览

css - 为什么我在构建 Angular 12 应用程序时出错?

角 12。

当我运行脚本时

我收到很多错误,例如

0 投票
2 回答
260 浏览

authentication - 如何为用户登录设置 ngIf 条件 - app-container router-outlet

我反复遇到一个问题,我认为这与我的 app.component.html 中的 ngIf 条件有关。这是我的代码:

这里有两个 ngIf 条件。

如果我只有第一个,那么当我注销时,我无法重定向到我的登录屏幕。发生的情况是导航栏和侧边栏消失了,但页面本身仍然存在,尽管 URL 说它在登录时。路由器插座不会消失。

如果我只有第二个,那么我的侧边栏链接不起作用,路由器插座基本上是空白的。

如果我同时满足这两个条件,那么一旦登录并使用侧边栏,URL 就会更改,但页面不会加载。

如果我没有条件,那么导航栏和侧边栏不应该出现在登录屏幕上。

帮助!

我还不是很精通 Angular,所以我希望在这里有一些方向。

我最近的想法是拥有*ngIf user; else一些东西。我不确定。我该如何解决这个问题?

0 投票
0 回答
84 浏览

javascript - 尽管安装了旧版本,nodejs 仍无法使用新版本的 nodejs 运行 Angular 应用程序

在我的机器上安装了旧版本,但我没有安装最新 nodejs 版本的管理员权限,所以我下载了 nodejs 的二进制版本。现在我如何使用该版本的节点运行我的角度应用程序。