angular 相关问题

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

在单独的存储库中处理共享代码的最佳方式

一个关于代码存储库的概念性问题。假设我在一个组织中有 3 个项目。他们每个人都使用一些共享代码,我还需要将其放入一个单独的项目中(公司政策......

回答 1 投票 0

Angular 控制台仅从 main.js:1 和 polyfills.js:1 记录

我正在构建一个新的角度应用程序,在我执行 console.log 的任何地方,它都来自 main.js:1 或 polyfills.js:1 而不是来自正确的组件。我尝试将 main.js 和 polyfills.js 添加到忽略列表中...

回答 2 投票 0

如何从 json.stringify 存储的会话中获取对象数组?

我有一堂课: 导出类 CartItem { 产品名称!:字符串; 数量!:数量; } 我在会话中将其存储为以下数组: 购物车项目:数组 = []; ... ... sessionStorage.setIt...

回答 1 投票 0

Angular CLI 和 node-gyp:无法分配给对象“#<Object>”的只读属性“cflags”

@angular/cli 依赖于 node-gyp,如下所示: npm ls 节点 gyp [email protected] /home/gabriel/Documents/IdeaProjects/orit.bp.app-leila └─┬ @angular/[email protected] └─┬ 帕科特@17.0...

回答 1 投票 0

预计在“proxyzone”中运行,但在角度项目中未找到

当创建一个新项目时,ng 测试工作正常,之后我添加了 Primeng 和 Bootstrap 库,现在我收到错误“预计在 'proxyzone' 中运行,但未找到&qu...

回答 1 投票 0

全局 scss 样式未应用于 single-spa-Angular

styles.scss 文件中存在的全局 CSS 未得到应用。 我在应用程序中使用了 single-spa 下面是我的index.html 文件-  ...

回答 3 投票 0

Angular 每个 console.log 都来自 dev 中的 mainjs:1

当使用 ngserve 启动我的应用程序时(现在是 ngserve -- -cdeploy,由于测试,每个 console.log 来自 main.js:1 或 polyfills.js:1,独立于我调用的组件

回答 2 投票 0

如何在 Angular 中循环进行可取消的 api 调用?

我有一个包含参数的列表,例如: [ {a:1a,b:1b,c:1c}, {a:2a,b:2b,c:2c}, {a:3a,b:3b,c:3c} ] 对于每个参数对象,我的目标是发起三个连续的 API 调用,每个调用都带有

回答 1 投票 0

在 Angular 17.2 中找不到名称“signal”

我无法使用 Angular 17.2 中的信号。我得到:找不到名称“信号”。 从 './signals' 导入 { signal } ... ng 版本(说:17.2) ... 我=信号(0); (说:找不到名称“信号”) 为什么我...

回答 1 投票 0

'number | 类型的参数即使不为 null,“null”也不能分配给“number”类型的参数

我想知道为什么我在 TypeScript 中收到此错误“‘number | null’类型的参数不可分配给‘number’类型的参数”,因为我已经测试过我的变量是否不是...

回答 1 投票 0

如何解决 Angular 17 中的“进程未定义”错误

在角度路由中添加canActivate的实现后,开始出现以下错误: 未捕获的引用错误:进程未定义 为此我找到了两个“解决方案”: 1 添加此...

回答 1 投票 0

Selenium 测试已成功执行,但我通过 0,断言被忽略

我正在尝试将 Selenium (v4.18.1) 测试集成到 Angular Web 应用程序中。测试将在 Microsoft Edge 浏览器 (v122.0.2365.59) 中进行。我已经安装了微软...

回答 0 投票 0

如何通过索引更改行的颜色

我有一个使用 primeng 进行单元格编辑的表格,其数据由 API 完成,因此该表格永远不会具有相同数量的行和相同的顺序。如果

回答 1 投票 0

PrimeNg 日历组件 - 如何全局设置属性?

我有一个日历(https://www.primefaces.org/primeng/showcase/#/calendar),我想在每次使用元素“p-calendar”时全局设置一些属性。 (例如“

回答 2 投票 0

如何在 Angular 中选择(更改)事件以外的文件时设置事件监听器

我正在尝试为我的文件上传设置弹出验证,现在我使用 (change)=method($event) 作为事件侦听器,这里的问题是它仅在输入文件更改时才会触发

回答 2 投票 0

从主分支合并代码后,Swiper 无法工作

这是我在html文件中使用的代码 @for(userList的用户;跟踪$index;){ 这是我在 html 文件中使用的代码 <swiper-container [pagination]="true"> @for (user of userList; track $index;) { <swiper-slide class="d-flex align-items-center justify-content-center"> <ion-card class="mt0 ml0 mr0"> <div class="gradient-overlay"></div> <img class="object-fit-cover" width="420" height="220" [src]="user?.img" alt="" /> <div class="d-flex justify-content-between w-100 position-absolute pdb16 px-3 bottom-0" > <div class="pdl-h3 pdl-clr-white pdb6"> {{ user.padelCourtName }} </div> <div class="pdl-h3 d-flex text-end bold pdl-clr-white"> ${{ user.price }}/h </div> </div> </ion-card> </swiper-slide> } </swiper-container> ts 代码是 用户列表:任何[] = [ { 编号: 1, padelCourtName: 'Padel 球场名称 1', 价格:'50', img: '../../assets/court-img.jpg', }, { 编号: 2, padelCourtName: 'Padel 球场名称 1', 价格:'50', img: '../../assets/court-img.jpg', }, { 编号: 3, padelCourtName: 'Padel 球场名称 1', 价格:'50', img: '../../assets/court-img.jpg', }, ]; 当我在合并代码之前使用它时,我还导入了 CUSTOM_ELEMENTS_SCHEMA 和模式,它可以正常工作,现在我将代码从主分支合并到我的分支,并且控制台中没有错误。 我该怎么办? 我也问了Chatgpt,它告诉我检查数据,但它也不起作用 根据您提供的信息很难说,但由于您的模板和数据没有错误,以下是我的猜测: 我没有看到register()函数。像这样使用它: 从'swiper/element/bundle'导入{register}; 构造函数(){ 登记(); } 正确使用 CUSTOM_ELEMENTS_SCHEMA @组件({ ... 架构:[CUSTOM_ELEMENTS_SCHEMA] }) 确保您在package.json中安装了正确版本的swiper

回答 1 投票 0

如何禁用在 Angular 中禁用的输入验证?

我有一个表格,其中有一些输入。输入具有 css class:pointer-events:none,这会禁用编辑输入的功能(禁用)。我已经完成了表单验证,不幸的是屁股......

回答 1 投票 0

Angular 中的电话号码验证器

我想要这些类型格式和分机号码是可选的 (1800)-555-1212×65432 HTML: 我希望这些类型格式和分机号是可选的 (1800)-555-1212 X 65432 HTML: <input type="text" placeholder="Phone" min="10" max="15" class="form-control" formControlName="phone" mask="(000)-000-0000 x 00000" [ngClass]="{ 'is-invalid': (isSaved && contactForm.phone.errors)}"> 打字稿: phone: ['', [Validators.pattern(this.commonRegex.PhoneWithExtRegex)]], /\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})+\x([0-4]{5})/ 要将电话号码格式化为具有可选分机号码的指定格式,您可以在 TypeScript 中使用正则表达式。以下是实现这一目标的方法: import { Validators } from '@angular/forms'; // Define the pattern for phone numbers with an optional extension const phonePatternWithExt = /^(\(\d{3}\))\d{3}-\d{4}( x \d{5})?$/; // Set up the validator using the pattern phone: ['', [Validators.pattern(phonePatternWithExt)]],

回答 1 投票 0

从 v11 到 v17 的 Angular 更新

我已成功将 Angular 应用程序从版本 11 转换到版本 17。初始构建是使用 webpack v4 构建的,但我最近将其更新为 webpack v5。不过,我

回答 1 投票 0

为什么使用 Laravel 和 Angular 在本地运行良好时,图像无法在线显示?

在我的网站https://www.aswaktinghir.com/ 我使用 Laravel 和 Angular 创建了一个网站,并成功托管了它。我删除了图像的存储目录,然后运行了comm...

回答 1 投票 0

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