angular 相关问题

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

我有以下路线从'@angular/router'导入{路由}；从 './pages/dashboard/dashboard.component' 导入 { DashboardComponent }；从 './pages/teams/teams 导入 { TeamsComponent }。

angular angular-routerlink

回答 1 投票 0

如何将图标名称从数组传递到

我正在尝试将图标的名称动态传递给我的html。它对于离子图标工作正常，但对于 fontAwesome 图标不起作用。 tabs.page.ts：从 '@angular/core' 导入 { Component } ； @组件（...

angular typescript ionic-framework

回答 3 投票 0

如何将routeroutlet生成的组件设为全宽全高。角

<div class="min-h-screen flex flex-col"> <app-header></app-header> <div class="flex-grow"> <router-outlet></router-outlet> </div> <app-footer></app-footer> </div> 我有这样的默认布局结构。但是当我访问例如 app-home 组件时，它的高度和宽度为 0。使用 :host 的方法可能不好，因为我需要将其应用于将创建的每个组件。父 div（这一个 div class="flex-grow"）具有完整的宽度和高度。如果您的目标浏览器支持display:grid，那么使用它来解决您的问题。以下代码片段利用 Angular 路由的行为将路由组件作为 DOM 中 router-outlet 元素的同级元素插入。 .app-content { /* The available height will be distributed equally between children of this element. Children with display:none won't be considered. */ display: grid; } .app-content router-outlet { display: none; } /* Some styles to actually see the elements in the example. Not relevant to the problem at hand */ app-header, app-footer { display: block; height: 60px; background-color: gray; } app-some-content { display: block; background: red; } body { margin: 0; padding: 0; } .min-h-screen { min-height: 100vh } .flex { display: flex; } .flex-col { flex-direction: column; } .flex-grow { flex-grow: 1; } <div class="min-h-screen flex flex-col"> <app-header>Header</app-header> <div class="flex-grow app-content"> <router-outlet></router-outlet>  <app-some-content>Content</app-some-content> </div> <app-footer>Footer</app-footer> </div>

html css angular

回答 1 投票 0

是否可以更新已更新依赖项的依赖项？

当我在 Angular 项目中运行 npm install 时，我收到以下警告： npm WARN 已弃用 [email protected]：不再支持 v4 之前的 Rimraf 版本 npm 警告已弃用 [email protected]：Rimraf

angular npm

回答 1 投票 0

多个 Y 轴 - 显示该系列所属的 Y 轴

我能够为在图表上绘制的多个系列创建多个 Y 轴 - 如图所示，我可以看到用多个 Y 轴绘制的两个系列。但我无法识别哪个系列

angular highcharts yaxis

回答 1 投票 0

添加 @angular-architects/module-federation npm 项目后 Angular 出现运行时错误

我已在现有项目 Angular 版本 16 中添加了 @angular-architects/module-federation NPM。它使用 ngserve 项目构建成功，但在浏览器控制台上抛出错误错误：共享mo...

angular webpack-module-federation

回答 1 投票 0

如何在 Angular 中解析 JSON 对象

我正在尝试从 Angular 应用程序调用“https://restcountries.com/v3.1/all”，并且在 HTML 页面中显示结果时，我能够解析 Name、flag 、 Capital 但当 tr ...

json angular typescript angular-ui-router

回答 2 投票 0

在 Angular 12+ 上根据 ngIf 显示或隐藏应用程序根目录

我试图向大多数人显示/隐藏开发页面。我更改了index.html，如下所示： <...

angular angular-ng-if angular-ng

回答 1 投票 0

带有自定义标签芯片的多选芯片

<p-multiSelect [options]="employees" [(ngModel)]="selectedEmployees[question.id]" [optionValue]="'nip'" [optionLabel]="'label'" display="chip" [placeholder]="'Select Employees'" [filter]="true" [emptyFilterMessage]="'No options found'" [style]="{ width: '20vw' }" > </p-multiSelect> 这是我的多选primeng，其中包含如下数据 this.employees = this.questions.output_schema.employee.map( (employee: Employee) => ({ nip: employee.nip, name: employee.name, label: `${employee.nip} - ${employee.name}`, // this is custom label }) ); 在多选下拉列表中，标签显示为“NIP - NAME” 但在芯片中，我只想显示名称有什么办法可以实现这个目标吗？无需修改实际数据，只需创建一个模板，它将显示额外的文本。 Primeng 多选 - 模板 Primeng 多选 - 模板文档 <div class="card flex justify-content-center"> <p-multiSelect [options]="countries" [(ngModel)]="selectedCountries" placeholder="Select a Country" optionLabel="name" > <ng-template let-item pTemplate="item"> {{item.name}} - {{item.code}} </ng-template> </p-multiSelect> </div> Stackblitz 演示

angular primeng angular17 angular18 chips

回答 1 投票 0

NG0203：必须从注入上下文调用 Inject()。角度 v19.0.1

如所见，接收注入上下文的常见角度错误。试图让所有各种角度组件包都在 v19.0.1 上，但某种不匹配仍然存在。试过了

angular dependency-injection angular-material dependencies supabase

回答 1 投票 0

Angular - 文本区域自动高度不会在文本删除时自动调整大小

我使用以下指令来允许根据用户输入自动调整文本区域的大小：从 '@angular/core' 导入 { ElementRef, HostListener, Directive, OnInit }; @指示（{ 选择...

angular dynamic resize textarea refresh

回答 5 投票 0

将变量从一个打字稿文件导入另一个

我正在尝试将变量从一种类型脚本文件导入到另一种类型脚本文件中。我要导入的变量是 cityListUrl 它所在的类型脚本文件的编码如下：导出类 backendUr...