angular 相关问题

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

在 Angular 中创建 Web 组件/元素不起作用

我目前正在尝试创建一个 Angular 自定义元素/Web 组件并将该 Web 组件集成到我的 ZK 应用程序中。从一个简单的示例开始,我刚刚创建了一个简单的组件,

回答 1 投票 0

接收错误错误NullInjectorError:R3InjectorError(独立[_AppComponent])[markdownEditorConfig - > markdownEditorConfig - > markdownEditorConfig]

我正在研究 Angular cli 18,想要实现 Angular-Markdown-Editor,并且我已按照此链接 https://github.com/ghiscoding/angular-markdown-editor 上的说明进行操作

回答 1 投票 0

Angular Material:更改对话框窗口的背景颜色

我不知道为什么,但我的对话框是黑色的(#424242)而不是白色(默认情况下),这对于我的数据表来说是相同的。 覆盖 CSS 不起作用。 有谁知道如何更改背景...

回答 8 投票 0

Angular Ngrx 商店和 APP_Initialiser

嗨,我真的正在努力解决一个问题。 我们目前正在使用 nrgx Store 来存储有关客户端应用程序信息的客户端数据。这很好用。 豪...

回答 1 投票 0

Angular 7 SSR,应用程序组件 ngOnInit() 多次调用

我有一个 Angular 7 应用程序,包含大约 30 个模块。我正在 app.component.ts 中获取用户详细信息以在整个应用程序中使用它,但我突然注意到用户详细信息 API 运行多个...

回答 4 投票 0

为什么pathMatch给出“路由配置无效”错误?

这是我收到的错误消息: 错误:路由“{path:“teams/”,redirectTo:“all”}”配置无效:请提供“pathMatch”。 'pathMatch' 的默认值为 'pr...

回答 5 投票 0

打印网页时,如何将溢出的内容打印到多页上?

我正在开发一个 Angular 项目。我需要添加打印支持。我需要打印的特定页面内有一个可滚动的内容 div。当我打印页面时(使用 Chrome、Ctrl...

回答 1 投票 0

使用 Angular 和 Spring Boot 将文件和其他数据保存到数据库

我想将文件和其他数据保存到数据库中。在阅读了大量内容后,我发现使用 FormGroup 和 FormData 是很有可能的。有人可以看看我的代码并提出建议吗...

回答 1 投票 0

Angular FormControlName 与 NgModel 绑定

我有一个使用 Angular 的 FormgroupName 或 NgModel 的一般问题。 我正在阅读的文档说 NgModel 在版本 6 中已被弃用,但它在 17/18(今天的当前版本)中仍然可用。

回答 1 投票 0

需要帮助定义自己的 Oservable 以验证 Angular 17 中的文件上传

我正在学习 Angular 17 中的文件上传教程,但实际上,他们使用了 Observable。 create,在 Angular 17 中已弃用。我已阅读有关实现新系统的文档,但它...

回答 1 投票 0

Ng-Select - 设置多个下拉值

我们正在使用 NG-SELECT 尝试使用下拉列表创建多个表单,当其中一个下拉列表已更新但无法找到正确的节点或

回答 1 投票 0

Angular2中生产模式和开发模式有什么区别?

由于某种原因,我必须在生产模式下运行我的应用程序。这些模式有什么区别?

回答 3 投票 0

升级到 Angular v19,并在 Google Cloud 构建中将混合渲染部署到 Firebase 应用托管失败

环境 Angular-ssr v18 部署在 Firebase 应用托管上。当应用程序的新版本上传到 Github 时,会自动触发向应用程序托管的部署,其中包括构建专业版...

回答 1 投票 0

Angular ng-select:通过绑定到对象进行预选在获得焦点之前不起作用

我在 Angular 应用程序中遇到了 ng-select 组件的问题。 当我使用反应式表单将对象绑定到 formControlName 并为表单控件设置初始值时,该值不是

回答 1 投票 0

UseProxyToSpaDevelopmentServer 隐藏 ASP.NET Core 8 Web API 路由

我有一个新的 ASP.NET Core 8.0 Web API,并计划将我的 Angular (^18.0.0) 单页应用程序 (SPA) 托管在 wwwroot 文件夹中。在开发时,我想在 Node.js 中本地运行/调试 SPA

回答 1 投票 0

Azure EchoBot 未发送任何消息。没有问候也没有回应

我创建了 Azure EchoBot 的最小设置。我的解决方案包括 ASP.NET Core 8 Web API 和 Angular 应用程序。我遵循 EchoBot 模板并将其部署到 Azure 应用程序服务 /linux...

回答 1 投票 0

我们可以在 Angular 的 *For* 循环中使用 <mat-error></mat-error>吗

我创建了一个通用组件。我陷入了一个问题,我正在使用有角度的材料并使用垫子形式场。我在 Angular 18 中使用 @if 来检查条件,然后 mat-error 正在工作...

回答 1 投票 0

如何将 div 放置在右侧? [重复]

如何将 div 放置在右侧?

回答 1 投票 0

当选项显示在 ng-template 中以循环它们时禁用 p-dropdown 选项

我正在尝试禁用 p-dropdown 中的选项,但我使用 ng-template 来循环选项 这是我的代码 有什么建议吗? 谢谢 我正在尝试禁用 p-dropdown 中的选项,但我使用 ng-template 来循环选项 这是我的代码 有什么建议吗? 谢谢 <p-dropdown [options]="task.statusOptions" optionLabel="name" optionValue="id" (onChange)="updateTaskCurrentStatus($event, task)" appendTo="body" [placeholder]="this.dropdownPlaceholder(task)" > <ng-template let-status pTemplate="status"> <div [ngStyle]="{ color: status.uiSetting.color}" [ngClass]="{'pointer-events-none': status.enabled}">{{ status.name }}</div> </ng-template> </p-dropdown> 您可以配置一个属性disabled,其中包含禁用该选项的标志,然后我们可以使用[optionDisabled]="'disabled'"来设置禁用该选项的属性。 <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [showClear]="true" [optionDisabled]="'disabled'" placeholder="Select a Country" > 该对象包含禁用它的标志。 <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [showClear]="true" [optionDisabled]="'disabled'" placeholder="Select a Country" > 完整代码: import { Component, OnInit } from '@angular/core'; import { ImportsModule } from './imports'; @Component({ selector: 'dropdown-group-demo', template: ` <div class="card flex justify-content-center"> <p-dropdown [options]="countries" [(ngModel)]="selectedCountry" optionLabel="name" [showClear]="true" [optionDisabled]="'disabled'" placeholder="Select a Country" > <ng-template pTemplate="selectedItem"> <div class="flex align-items-center gap-2" *ngIf="selectedCountry"> <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + selectedCountry.code.toLowerCase()" style="width: 18px" /> <div>{{ selectedCountry.name }}</div> </div> </ng-template> <ng-template let-country pTemplate="item"> <div class="flex align-items-center gap-2"> <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" style="width: 18px" /> <div>{{ country.name }}</div> </div> </ng-template> </p-dropdown> </div> `, standalone: true, imports: [ImportsModule], }) export class DropdownTemplateDemo implements OnInit { countries: any[] | undefined; selectedCountry: string | undefined; ngOnInit() { this.countries = [ { name: 'Australia', code: 'AU', disabled: true }, { name: 'Brazil', code: 'BR' }, { name: 'China', code: 'CN', disabled: true }, { name: 'Egypt', code: 'EG' }, { name: 'France', code: 'FR', disabled: true }, { name: 'Germany', code: 'DE' }, { name: 'India', code: 'IN', disabled: true }, { name: 'Japan', code: 'JP' }, { name: 'Spain', code: 'ES', disabled: true }, { name: 'United States', code: 'US' }, ]; } } Stackblitz 演示

回答 1 投票 0

如何在 Angular 和 PrimeNG 中为 MenuItem 使用自定义图标?

我正在使用 Angular 18 和 PrimeNG 18 的 RC 版本(“primeng”:“^18.0.0-rc.1”) 我正在尝试为 MenuBar 组件元素使用自定义图标,因为默认情况下使用 ic...

回答 1 投票 0

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