关于Angular的问题（不要与AngularJS混淆），来自Google的Web框架。将此标记用于Angular问题，这些问题并非特定于单个版本。对于较旧的AngularJS（1.x）Web框架，请使用angularjs标记。
我有一条这样的路线 { 路径：'实体/创建/：id'， 组件：EntityCreateComponent， } 我想做的是，父路由通过生成 id 重定向到子路由。 { 路径：`
从 Rest API 检索数据时如何在 PrimeNG DataTable 中使用 Skeleton？
我正在尝试在 PrimeNG 数据表中显示骨架，同时从 REST API 检索信息。 当收到信息时，骨架应该隐藏和显示数据。 有一个例子：...
从源“http://localhost:4200”访问“http://localhost:5000/login”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否“一个...
我已经使用 json 文件实现了静态单词的多语言翻译，其翻译如下： { “登入”： { "zh": "签名我...
如何在 Angular 项目中添加 google adsense 广告 txt 文件？
您在使用 Google AdSense 时遇到的问题可能源于 Angular 如何提供静态文件以及服务器如何处理这些文件。让我们分解一下确保您的 ads.txt 文件正确的步骤...
EventEmitter 和 ViewChild('child-form') 从子组件获取值的区别
在子组件中，通过使用EventEmitter，我们可以将值从子组件传递到父组件。 但我看到另一种情况，当我们声明 ViewChild 时，如下所示： @ViewChild('childForm') formCompo...
我最近将 Angular 应用程序更新到版本 17，并遇到了名为“信号”的新功能。我已经阅读了关于将信号用于类似变量的一般准则...
我正在将 Angular 信号与反应式表单一起使用，并面临一个问题，即当 formControl 输入信号值 c 时，hasFormControlError 和验证计算信号不会更新视图...
我有一个environment.ts文件； 导出常量环境= {令牌：'345'}； 和一个environment.development.ts文件： 导出常量环境= {令牌：'123'}； 两者都在公共 GitHub 存储库上。我...
CORS 错误：它没有 HTTP 正常状态。 GoLang Mux API
我正在尝试通过 Angular 17 应用程序发出 http 请求。每次浏览器响应时： 从原点访问“http://localhost:8082/login”处的 XMLHttpRequest 'http://localhost:4200' 已被阻止...
如何在 Angular 中使用单个 .env 文件动态处理多个环境（例如，environment.ts、environment.uat.ts、environment.preProd.ts）？
我想使用单个 .env 文件来动态处理所有环境。有可能做到吗？ 我尝试将不同环境的所有变量写入单个 .env 中，但这似乎并不......
我的应用程序有不同的部分（我使用独立组件，所以不想说模块）。我不想在部分之间有直接的依赖关系。 现在，其中一个部分是...
我不太擅长Javascript，所以打字稿对我来说是一个更大的困难。 我正在尝试借用此代码，以便我可以在角度应用程序中实现事件日历。 .subscribe((mouseMoveEvent: 鼠标...
我正在尝试使用 Angular 构建一个类似于 JQuery 构建器的查询构建器。我面临着发出数据的问题。 当我单击 addGroup、addRule 按钮时，新组是
Angular DatePicker 拒绝以 DD/MM/YYYY 格式显示
我的应用程序设置 进口 { MAT_MOMENT_DATE_ADAPTER_OPTIONS， MAT_MOMENT_DATE_FORMATS， 时刻日期适配器 来自 '@angular/material-moment-adapter'； 从 '@
angular-cli - 如何更改生成的 css/js 捆绑文件的名称
我正在使用 angular-cli 1.0.0-beta.24。当我运行 ng build --product 时，有没有办法更改生成的 *.bundle.css 和 *.bundle.js 文件的名称？ 默认名称为：main.[hash].bu...
带有 SSG 的 Angular v17 SSR 不断重定向 301
当我转到我的网络应用程序并单击其中一个 routerLink 时，服务器会运行 .js 模块来显示内容。当我刷新该确切页面（预渲染的）时，我收到 301 错误。 网址/案例，...
我想从嵌套数组创建网格模板。 如果元素自然具有相同的高度，则此方法有效，但当值太长时，某些元素具有不同的高度 我想从嵌套数组创建网格模板。 如果元素自然具有相同的高度，则此方法有效，但当值太长时，某些元素具有不同的高度 <div id="container" [style.grid-template-columns]="'repeat(outerArray.length, 1fr)'" [style.columnGap.rem]="1" *ngIf="outerArray.length != 0"> <div class="outerArray" *ngFor="let inner of outerArray"> <div *ngFor="let item of inner"> {{item}} </div> </div> </div> 结果项目应该这样放置： 内部 1 值 1 内部 2 值 1 内部 3 值 1 内部 1 值 2 内部 2 值 2 内部 3 值 2 内部1值3 网格看起来像这样：（有 8 个内部数组的数组） 我想为列中的每个元素保持相同的宽度（但列可以具有不同的宽度），并在行中保持相同的高度。 表格工作得很好，但是一个内部数组中的值填充行，而不是列，并且在我看来，表格在语义上不符合我的需要。 <table *ngIf="outerArray.length != 0"> <tbody> <tr *ngFor="let inner of outerArray"> <td *ngFor="let item of inner;"> {item}} </td> </tr> </tbody> </table> 数组有不同的大小（一开始较长，然后剩下的少一项） 示例数组可能如下所示： let outerArray = [ [ "short", "bit longer", "example value" ], [ "not so long, but longer string", "short words", "bitLonger twoWords" ], [ "shorter array", "different lengths of strings" ], [ "another shorter array", "string" ] ] 数组的数量和长度可能不同，有时是 1 个 8 个元素的数组，但也可以是 8 个 2 个元素的数组。 字符串有一到两个单词，但单词有时最多有 15 个字符，因此当内部数组很少时，字符串需要两行才能适合屏幕宽度 我的完美解决方案是创建不嵌套的 div 并使用 css 样式正确放置它们 我们只需要一组内部 div。你有一个嵌套的 div 结构，所以它弄乱了布局。我使用 ng-container 作为内部 for 循环，ng-container 的特殊之处在于它不会在 HTML 中创建元素，因此我们可以使用它来运行两个 for 循环并创建一组 div。 此外，当您创建属性时[style.grid-template-columns]="'repeat('+outerArray.length+', 1fr)'" ，请确保您清楚地区分字符串和 JavaScript 变量。 之前的代码只会将repeat(outerArray.length, 1fr)渲染为字符串，而不是插入outerArray长度，所以我将代码更改为 'repeat('（字符串）+ outerArray.length（数字）+ ', 1fr)'（字符串） 我们还需要 [style.grid-template-rows]，其配置与列相同。 如果您希望所有行具有相同的高度，请使用提供的带注释的 CSS，它会向元素添加省略号并使所有单元格具有相同的高度！ 完整代码： import { CommonModule } from '@angular/common'; import { Component } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; import 'zone.js'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule], styles: [` #container { display: grid; } /* .same-height { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } */ `], template: ` <div id="container" [style.grid-template-columns]="'repeat('+outerArray.length+', 1fr)'" [style.grid-template-rows]="'repeat('+outerArray.length+', 1fr)'" [style.columnGap.rem]="1" *ngIf="outerArray.length != 0"> <ng-container class="outerArray" *ngFor="let inner of outerArray"> <div *ngFor="let item of inner" style="background-color: red;color: white; margin-bottom:2px;" class="same-height"> {{item}} </div> </ng-container> </div> `, }) export class App { outerArray = [ ['short', 'bit longer', 'example value'], ['not so long, but longer string', 'short words', 'bitLonger twoWords'], ['shorter array', 'different lengths of strings'], ['another shorter array', 'string'], ]; } bootstrapApplication(App); Stackblitz 演示
如何在此 Angular 16 电影应用程序中显示 YouTube 视频轮播？
我一直在使用 Angular 16、TypeScript 和电影数据库 (TMDB) 开发 SPA。 我在 Bootstrap 5 轮播中显示电影预告片时遇到了问题。 在应用程序\服务中...
当我单击链接导航到特定页面时，如果我按 Tab 键，焦点将从浏览器元素（搜索栏）开始，而不是像视障用户所期望的那样位于新页面的顶部。 ..