关于Angular的问题(不要与AngularJS混淆),来自Google的Web框架。将此标记用于Angular问题,这些问题并非特定于单个版本。对于较旧的AngularJS(1.x)Web框架,请使用angularjs标记。
如何防止表单验证中无限调用 Angular Getter 方法?
我目前面临着无限调用处理表单验证的 Angular 组件中的 getter 方法的问题。 getter 用于确定表单控件的有效性,但它看到...
当使用带有循环语法控制流的formBuilder数组时,您应该如何跟踪模板中的数组?
我有这个FormBuilder代码: 私有只读fb:FormBuilder =注入(FormBuilder) myForm = this.fb.group({ 附加功能: this.fb.array([ ['', 验证器.required], ]), }) 迭代这个
我是 Node 新手,发现自己需要升级我的包才能启用 Web Worker。我正在尝试将我的 Angular 从 6.x.x 升级到 7.x.x,然后升级到 8.x.x。当我尝试安装它声称可以工作的东西时,...
在 Angular V8 中构建 Web Worker 时未找到核心 Angular 对象
我正在 Angular v8 项目中做我的第一个 Web Worker。我想让我的网络工作者在那个单独的线程中进行 HTTP 服务调用。不幸的是,在 ng 构建过程中,我得到...
“Response”类型的参数不可分配给“string”类型的参数
我正在做这个项目。 这个想法是使用 Angular 4 从 google book API 检索书籍 我正在努力理解如何读取 JSON 响应,我仍在学习 Angular。 我...
Angular - 在第 5 个按钮单击时添加 ngClass
尝试在连续点击 5 次按钮后将 ngClass 添加到 div。 这是位于 app.component.html 文件上的按钮: 显示... 在连续点击 5 次按钮后尝试将 ngClass 添加到 div。 这是位于 app.component.html 文件上的按钮: <button class="btn btn-primary" (click)="onToggleDetails()">Display Details</button> <p *ngIf="showSecret">Secret Password = tuna</p> <div *ngFor="let logItem of log" [ngStyle]="{backgroundColor: logItem >= 5 ? 'blue' : 'transparent'}" [ngClass]="{'white-text': logItem >= 5}" >{{ logItem }}</div> 这是app.component.ts文件: import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'], *** EDIT *** styles: [` h3 { color: dodgerblue; } `] }) export class AppComponent { username1 = ''; showSecret = false; log = []; onToggleDetails(){ this.showSecret = !this.showSecret; this.log.push(this.log.length + 1); } } 这里是app.component.css .white-text{ color: white; } 目前,单击第 5 个按钮后,logItem 背景保持蓝色。 我可以检查控制台并看到类 .white-text 已添加,但文本仍然是黑色。 它的外观如下: 当我检查元素时,您可以看到该类已添加: 我是 Angular 新手,正在学习 udemy 课程,但被困在这里。 除非我解决这个问题,否则我无法继续下一部分。 按照以下方式更改组件定义以包含 CSS 文件。 @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.cs'] }) log : 任意 [ ] = [ ]; 这是搜索更具体问题时的另一个解决方案,我会在应得的信用处给予信用。 TypeScript 中的“不可分配给从不类型的参数”错误是什么? “number”类型的参数不可分配给“never”类型的参数。 [插件角度编译器] src/app/hand1/hand1.component.ts:21:18: 21 │ this.log.push(this.log.length + 1); ╵ ~~~~~~~~~~~~~~~~~~~
使用 Angular 版本 18.2.6(注意:有以前的 SO 线程,但没有适用于此版本)。 我有一个独立组件 NavbarComponent,我想在其中包含图像。 HTML 为...
尝试使用“ng add @clr/angular”在 Angular 中安装 Clarity 库,但出现错误“ERESOLVE 无法解析依赖关系树”
我正在按照一个书籍项目练习 Angular,该项目需要通过 cmd ng add @clr/angular 为该项目安装 Clarity 库,但我不断收到相关错误(报告)...
为什么我的 Node.js 端点被调用两次,尽管前端只发出一个请求?
我正在使用 Express 开发 Node.js 后端,并且我有一个处理付款的端点: app.post('/capturePayment', async (req, res) => { console.log(`捕获支付函数调用!!`);
在应用程序之间滑动时,日期时间本地输入出现 NotAllowedError
我有一个 Angular Material 日期时间本地输入,如下所示: 我有一个 Angular Material 日期时间本地输入,如下所示: <input matInput #startDatePicker type="datetime-local" step="1" formControlName="startDate" placeholder="Select start date" (focus)="startDatePicker.showPicker()" max="9999-12-31T23:59:59" required /> 如果我将输入焦点放在打开日历选择器上,然后滑动到全屏应用程序然后向后滑动,或者甚至只是更改选项卡然后再更改回来,我会得到: NotAllowedError: Failed to execute 'showPicker' on 'HTMLInputElement': HTMLInputElement::showPicker() requires a user gesture. 据我了解,它特别需要用户的点击或触摸。也就是说,我更喜欢在输入上使用(焦点)而不是(单击),以防万一有人想要按 Tab 键将其聚焦。 我假设当我自行返回窗口时,Mac/Chrome 正在“重新聚焦”最后选择的输入,从而导致错误。我很感激任何建议: 有没有办法完全抑制“重新聚焦”? 我应该在应用程序中抑制错误本身吗? 或者有其他方法可以换出(焦点)并获得我想要的类似功能吗? 感谢您的宝贵时间! 尝试切换到单击事件而不是焦点...因为我认为问题是当您单击输入时,然后返回到 vscode 它会失去焦点。 <input matInput #startDatePicker type="datetime-local" step="1" formControlName="startDate" placeholder="Select start date" (click)="startDatePicker.showPicker()" max="9999-12-31T23:59:59" required />
使用 @if 和 @for 在 Angular 上创建 div 的动态网格
我想在 Agnular 19 上使用 @if 和 @for 创建一个基于列表的动态 div 网格。 例如,如果我的列表包含 5 个项目,我应该有 2 行:第一行有 3 列,第二行有 2 列....
Angular 19 - 为什么每次注入新服务时都会创建 @Injectable 服务?
我正在学习 Angular 19。现在我尝试实现一个身份验证服务,它将 _isAuthenticated 状态保留为类属性。该服务被标记为 @injectable 并在“...
我有一个具有条件逻辑的组件,在标志上使用@if(或*ngIf)条件,例如@if(model.editable)或,在其html文件中,w...
如何将 IONIC 版本中的 Angular 版本从 8 更新到最新版本
我尝试使用以下命令,但安装最新版本后,路由不起作用,说找不到模块。 请让我知道如何正确更新 ng 更新@angular/core @
Angular 应用程序已成功编译,但未在浏览器中加载,还会抛出 Uncaught ReferenceError:进程未定义
我将 Angular 应用程序从 Angular 11 升级到 Angular 12,经过大量工作,我终于解决了所有错误,应用程序编译成功。但现在当我打开本地服务时...
使用 AnalogJS Angular-vite-plugin 进行 vitest |错误:在文件中找不到测试套件
我有一个包含 Angular 项目和一些 Node.js 项目的 monorepo。 在本地运行 vitest,所有测试都通过。然而,在 GitHub Actions 中,Angular 测试失败。 GitHub Actions 测试...
这是我第一次在我的项目中使用 onPush 的变更检测。 我知道当我们使用这种策略时,Angular 将通过比较输入属性的对象来检测输入属性的更改
这是关于“cdk dnd”和“嵌套”的第三个问题! 我不太明白另一个SO问题的老套建议。 所以这是一个非常基本和简单的 -> STACKBLITZ <- I...
我在 json 中有以下数据格式: [ { “身份证”:648302, “newArrGroups”:[ { “组ID”:660, “newArrGroups”:[] } ...
如何正确使用NgRx信号锁屏服务? Hooks 中的效果是否合适?
我正在与 NgRx Signals 合作,并试图找出在特定操作期间利用 ScreenLockService 锁定/解锁屏幕的最佳方法。以下是我当前使用 signalStore 的设置...