angular 相关问题

关于Angular的问题(不要与AngularJS混淆),来自Google的Web框架。将此标记用于Angular问题,这些问题并非特定于单个版本。对于较旧的AngularJS(1.x)Web框架,请使用angularjs标记。

如何在 Angular SSR - 服务器中添加 POST 方法?

我正在尝试使用新的“@angular/ssr”:“^18.0.4”进行一些尝试,我想要归档的是在服务器端创建自定义登录逻辑,然后将数据发布到我...

回答 1 投票 0

当我调用相同的路由时,NgOnDestroy() 不起作用

我有一个子组件,并且在这个函数中有 ngOnDestroy() 我正在清空数组。因此,当我调用父组件时,我会重定向到同一个组件,这意味着我...

回答 1 投票 0

Angular 单选按钮取消选中选择上的其他控件

使用 Angular 17 和响应式形式。 表单组中有两个控件,都是单选按钮。 然而,当一个控件发生更改时,它会清除其他控件。然而,价值是va...

回答 2 投票 0

子构造函数中初始化的继承@Input()变量仅在测试时在ngOnInit中为null

我正在尝试用玩笑测试 Angular 组件。一个组件在其构造函数中初始化一个继承的(以前未定义的)变量。运行应用程序时,它会按预期工作。当...

回答 1 投票 0

Angular 有没有办法让 CanDeactivate 防护仅在后退按钮导航上触发

我希望 CanDeactivate 防护仅在“后退”按钮导航上触发,而不是在单击链接时触发。我的应用程序有一个未路由的部分,我想启用后退按钮导航...

回答 1 投票 0

如何从 FormControl 值中删除 FormControlState

我正在尝试创建一个像这样的辅助函数,以创建 Angular FormControl 的当前值和 valueChanges 的流 从 '@angular/forms' 导入 { AbstractControl, FormControl }; 我...

回答 1 投票 0

检查数字是否在范围内

我有一个总金额,然后我有一个用户可以插入的金额。 我想检查用户插入的金额是否在总金额的0.2以内。 例如。总金额为 58.79,...

回答 1 投票 0

使用计算信号过滤数组

我有一个分配给信号 personList 的数组,并且我在匹配一些过滤条件(例如使用文本框进行搜索)后使用 FilteredPerson 信号来显示人数。我们是

回答 1 投票 0

Angular2中@Input和@Output有什么区别

我刚刚学习 Angular2,遇到了 @Input 和 @Output。两者有什么区别。

回答 4 投票 0

如何在我的 Ionic 应用程序角电容器中打开 PDF

我遇到了这个问题,我的目标是在我的离子应用程序角电容器中打开一个pdf,我收到的pdf是一串base64作为API的响应,我想打开这个pdf而无需从我...

回答 1 投票 0

如何在 Angular onblur 事件中动态为 ngModel 赋值

我在 HTML 中有多个输入文本框,其中包含 [(ngModel)]。 在打字稿中,我试图在所有输入框的输入模糊事件上动态为 [(ngModel)] 分配一个值。尝试了以下

回答 1 投票 0

.Net Core控制器函数中的CancellationToken突然变成true了

我刚刚遇到了一个关于cancelToken 的非常奇怪的问题。 Web API 是使用 .Net Core 开发的,前端是 Angular。 1 小时前,我尝试开发更多功能,然后开始......

回答 1 投票 0

在 PrimeNG 表(Angular)中过滤嵌套列

所以我有一个嵌套的列,例如客户.爱好.最爱。我希望能够根据 favourite.name 进行过滤。 数据样本: { 编号:1000, 名称:“詹姆斯·巴特”, 可以...

回答 1 投票 0

将 NgForm 中的值映射到 Angular 中定义的打字稿模型

我正在寻找将值从 NgForm 映射到我的 Angular 组件中定义的打字稿模型的最有效方法。表单值来自数据表(使用 PrimeNG 的 p 表),其中 v...

回答 1 投票 0

允许用户在 Angular 文本框中仅输入数字,不能输入特殊字符或字母

我有一个输入字段,其要求是在值更改时初始设置为 0,删除 0 并添加数字,但仅当用户按下的键现在是数字时才删除 0...

回答 1 投票 0

ServiceNow 自定义的 Angular 1.5 与 2.x

有人知道 ServiceNow 使用 Jason 版本 1.5 而不是较新版本的 Angular 的技术原因吗?预先感谢您提供有关此的信息。 我一直在试图理解为什么

回答 1 投票 0

(ngSubmit)="animalSubmit()" - 表单实际上并未进入我的animalSubmit() 函数

组件html文件: 组件 html 文件: <div class="row g-2 mt-4 ml-2"> <form [formGroup]="animalForm" (ngSubmit)="animalSubmit()" id="animalForm" class="row g-3"> <div class="col-md-4"> <div class="form-floating"> <input type="text" class="form-control" id="id" placeholder="Enter Animal ID" formControlName="id" /> </div> </div> <button type="submit" class="btn btn-primary col-3 mt-4 ml-3"> Create New Animal </button> </form> </div> app-component.ts 文件 import { Component } from '@angular/core'; import { ServiceService } from '../service.service'; import { FormGroup, FormControl, ReactiveFormsModule, Validators, } from '@angular/forms'; @Component({ selector: 'app-create', standalone: true, imports: \[ReactiveFormsModule\], templateUrl: './create.component.html', styleUrl: './create.component.css', }) export class CreateComponent { constructor(private api: ServiceService) { } ngOnInit(): void { } animalForm = new FormGroup({ id: new FormControl('', Validators.required), name: new FormControl('', Validators.required), description: new FormControl('', Validators.required), created_At: new FormControl(() =\> new Date().toISOString()), updated_At: new FormControl(() =\> new Date().toISOString()), }); animalSubmit() { console.log('hey'); console.log(this.animalForm.value); } } 很明显,我正在尝试将我提交的输入打印到控制台。但是,我在控制台上没有得到任何输出。 “console.log('hey')”之所以存在,是因为它甚至没有打印出来。当我提交表格时,没有任何反应。它看起来不像 ngSubmit 正在工作并调用我的animalSubmit(),但我的 module.ts 表单中有所有导入。为什么表单没有提交并调用我的函数?请记住,我应该将这些“动物”数据发送回我的 MySql 数据库中。我正在看这个人做基础知识的一年前的视频,因为在我的旧项目中的某个地方,我的 CRUD 功能都搞砸了,所以我基本上重新启动,正在看这个人是如何做到的。对他来说一切都很顺利。但我有一个较新版本的 Angular (18),有时事情不像他的那样工作。 YouTube 视频:https://www.youtube.com/watch?v=qjVpnGz862o%60 正如@bottletyre 在评论中所说,代码似乎在 Angular 18 中运行良好。 我唯一能想到的是: 尝试从 ReactiveFormsModules 导入中删除反斜杠。也许导入是无效的,因为反斜杠通常不应该在那里。 或者不要从 ngSubmit() 调用该函数,而是从按钮上的 (click) 调用该函数作为解决方法。

回答 1 投票 0

使用 Cypress 时,内容未注入到应用程序根目录中

我开始对我的 Angular 应用程序实施端到端测试,但是在运行测试时,我的应用程序在 Cypress 打开的浏览器上不可见。内容不是由路由器注入的...

回答 1 投票 0

npm 无法解析依赖关系树,直到删除node_modules

尝试了解npm的错误报告,但未能找到问题——令人惊讶的是,删除node_modules目录修复了它。我们正在将 angle 更新为 18+,将 nx 更新为 1...

回答 1 投票 0

Angular Flex Layout 是未来发展的好选择吗

Angular Flex Layout 是未来发展的好选择吗?它已被弃用。但我在 npmjs.com 上看到了很多每周的下载量 我将开始使用 Angular 15 版本的新 Angular 项目....

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.