关于Angular的问题（不要与AngularJS混淆），来自Google的Web框架。将此标记用于Angular问题，这些问题并非特定于单个版本。对于较旧的AngularJS（1.x）Web框架，请使用angularjs标记。
Angular ESBuild 配置（例如 --define）
从 Angular 17 开始，可以使用 esbuild 而不是 webpack 1 进行构建和服务。 对于 webpack，有一种方法可以使用自定义 webpack 配置来执行以下操作： 为专业人士提供浏览器polyfills...
为什么 Redux 中的对象应该是不可变的？ 我知道某些框架（例如 Angular2）将使用 onPush，并且可以利用不变性来比较视图状态以加快渲染速度，但我是
我的组件中有一个变量，它在使用 console.log(variable) 时正在更新，尽管它没有在我的视图中使用 {{ variable }} 更新我已经尝试了几件事，我的最后一个选择是...
从 NG 12 -> 16 升级并且“@ng-bootstrap/ng-bootstrap 获取：包“@ng-bootstrap/ng-bootstrap”具有不兼容的对等依赖项
从 12 -> 13（最终 13）时。每https://update.angular.io/?v=12.0-13.0 ng更新@angular/core@13 @angular/cli@13 出现依赖错误： 套餐“@ng-
Angular - 如何在使用自定义组件时检查 ngForm 是否有效
我创建了一个自定义组件InputTextComponent： @成分（{ 选择器：“应用程序输入文本”， templateUrl: "./input-text.component.html", 样式网址：&q...
当我执行 ngserve -o 时，出现未处理的异常：ts.createNodeArray 不是函数
当我执行 ngserve -o 时，我收到（在 Angular 6 中）此错误 发生未处理的异常：ts.createNodeArray 不是函数 请参阅“C:\Users\MADHUK~1.PUL\AppData\Local\Temp g-V81Kkf\
角度效果：将多个信号更新组合成一个效果，而不是为到达信号专门使用一个效果
我想使用效果函数根据信号更新属性，但我有太多信号。 我知道如果信号改变就会触发效果，但我想知道是否......
我有一个 Angular 项目，在我的 app.component.html 中我有这样的组件结构： 我有一个 Angular 项目，在我的 app.component.html 中我有这样的组件结构： <nav class="left-menu-plus-body"> <app-sidebar></app-sidebar> <header class="header-plus-body"> <app-header></app-header> <div class="main-container"> <router-outlet></router-outlet> </div> </header> </nav> <app-footer></app-footer> 另外，我有一个 body CSS 属性： body { background: linear-gradient(90.00deg, rgb(146, 133, 255), rgb(158, 192, 252) 100%); } 与我的所有页面一样，都有一个正文标签，我为整个网站和正文设置了背景颜色： 我需要整个页面只有一个渐变，而不是加倍 您可以使用类来定位特定元素。 <body class="mainBody"> mainBody { background: linear-gradient(90.00deg, rgb(146, 133, 255), rgb(158, 192, 252) 100%); } 尽管无论如何您都不应该对多个子元素使用 body 标签。应该有一个主体类作为 html 标签的子级。
Angular 和 SpringBoot 之间基于 JWT 的 Websocket
有人可以发布解决方案吗？或者如果他们有 github repo 项目，如果他们可以提供该链接， 我搜索了整个互联网，但找不到通过 JWT 向 springboot 发送数据的 websocket
@angular/core 更新期间出错：不兼容的对等依赖项
我的目标是将现有的 Angular 版本更新为较新的版本，特别是针对版本 17.3.0。但是，我在更新过程中遇到了不兼容的对等依赖项问题。下面...
我正在Angular中进行过滤，但是当输入值为空时我无法获取原始数据
在 Angular 中，我根据在输入中输入的值进行过滤，但是当输入为空值时，我的数据不会返回。 我根据我输入的数据获得某些数据...
最近一位面试官问了我一个关于observable的问题。问题是： '假设我有两个 API 的 API A、B，并且我想在 API B 参数输入中使用 API A 结果。我怎样才能实现这些？ ...
我正在尝试使用 NativeScript 和 Angular 创建一个新项目。 我已经安装了这里描述的内容。 当我运行命令 tns doctor 时，一切都很好。这就是结果： ✔ 获得
当用户在 Angular 11+ 中单击“重试”时如何调用相同的 API？
当 api 需要超过 30 秒才能给出响应时，我想停止加载程序并简单地在页面上显示“重试”按钮。 当用户单击该按钮时，我想调用相同的 API。 这整个专业...
我有一个像这样的简单组件： {{倒计时}} 我有一个像这样的简单组件： <div id="countdown"> <div id="countdown-number">{{ countDown }}</div> <svg> <circle #circle r="18" cx="20" cy="20"></circle> </svg> </div> 这是一个带有数字的圆圈倒计时。我还有一些 css，我在其中设置倒计时动画： svg circle { ... animation: countdown 5s linear forwards; } 它有效。现在，我想以这种方式创建 5s 变量，它来自组件。 为此我尝试了不同的方法： 在css中定义一个属性并修改它，f。例如： this.renderer2.setProperty( this.circle.nativeElement, ' - 时间'， ${this.time}s ); 组件中显示初始时间，然后递减，但动画不开始。 我在元素 f 上设置了样式。例如： this.renderer2.setStyle( this.circle.nativeElement, '动画片'， countdown ${this.time}s linear forwards ); 运气不佳。 第 3 个选项是，我定义一个简单的类，其中仅包含动画样式 f。例如： .start-animation { animation: countdown 5s linear forwards; } 我将其添加到元素 f 中。例如： this.renderer2.addClass(this.circle.nativeElement, 'start-animation'); 这将启动动画，但 5s 是硬编码的。 那么，问题来了，如何解决这个问题呢？如何动态定义动画持续时间？ 这是我使用角度动画的解决方案，我们可以将输入传递给角度动画，该变量在 params 属性内保存倒计时持续时间，然后我使用类应用所有其他静态样式，并且可以使用分配动态属性{{countDown}}s，通过设置:increment和:decrement的过渡我们可以重新启动动画！ import { NgStyle } from '@angular/common'; import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { bootstrapApplication } from '@angular/platform-browser'; import 'zone.js'; import { provideAnimations } from '@angular/platform-browser/animations'; import { animate, keyframes, style, transition, trigger, } from '@angular/animations'; const stylesArr = [ style({ transform: 'scale(1)', offset: 0 }), animate( '{{countDown}}s', keyframes([ style({ transform: 'scale(1)', offset: 0 }), style({ transform: 'scale(0.5)', offset: 1 }), ]) ), ]; @Component({ selector: 'app-root', standalone: true, imports: [NgStyle, FormsModule], animations: [ trigger('animate', [ transition(':increment', stylesArr), transition(':decrement', stylesArr), ]), ], template: ` <div id="countdown"> <div id="countdown-number">{{ countDown }}</div> <svg> <circle #circle r="18" cx="20" cy="20" class="needed-styles" [@animate]="{ value:countDown, params:{ countDown:countDown, } }"></circle> </svg> </div> <input [(ngModel)]="countDown"/> `, styles: [ ` .needed-styles { animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: countdown; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; } `, ], }) export class App { animationToggle = false; countDown = 3; } bootstrapApplication(App, { providers: [provideAnimations()], }); Stackblitz 演示
我正在创建一个菜单，当我滚动时，它会改变颜色，当我运行应用程序时，脚本不会运行，我是 Angular 的新手，我不知道我是否做错了。 我的html索引代码： 我正在创建一个菜单，当我滚动时，它会改变颜色，当我运行应用程序时，脚本不会运行，我是 Angular 的新手，我不知道我是否做错了。 我的html索引代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Solticom</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> </head> <body> <app-root></app-root> <script src="https://unpkg.com/@popperjs/core@2"></script> <script> const navEl = document.querySelector('.navbar'); window.addEventListener ('scroll' , () => { if (window.scrollY > 56) { navEl.classList.add('navbar-scrolled'); } else if (window.scrollY <= 56) { navEl.classList.remove('navbar-scrolled'); } }); </script> </body> </html> 我的 html 菜单代码： <nav class="navbar navbar-expand-lg navbar-light fixed-top bg"> <div class="container"> <a class="navbar-brand" href="#"> <img src="assets/images/logo_sol_v1.png" width="310" height="auto" class="d-inline-block align-top img-fluid" alt=""> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown"> <ul class="navbar-nav "> <li class="nav-item"> <a class="nav-link active" aria-current="page" [routerLink]="['/home']" >Inicio </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Servicios </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Experiencia Laboral </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Proyectos relevantes</a></li> <li><a class="dropdown-item" href="#">Certificaciones</a></li> <li><a class="dropdown-item" href="#">Galería</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="#">Distribuidores</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contacto</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Mesa de ayuda</a> </li> </ul> </div> </div> </nav> 我通过另一个我之前已经使用过的脚本意识到，我也没有运行AOS库，但通过研究我能够解决它。 正如 browsermator 所写，不要将对 Angular 组件的 DOM 操作放在索引 html 文件中。那属于组件。当您致电时请考虑这一点： const navEl = document.querySelector('.navbar'); 浏览器只能看到这个 <app-root></app-root> 组件的实际内容尚未渲染，因此没有导航栏类的元素可供选择。如果您在组件内部（最好是在 OnInit 中）进行操作，Angular 将有时间实际创建您要定位的 DOM 元素。
我正在尝试将 Angular 12 升级到 13。但最终，我想升级到 v16，仅供参考。 首先，我为 Angular 13 升级了 Angular/cli、Core、ngx-build-plus、Material、TypeScript 等。 我...
Angular ReadOnly 信号受到影响吗？例如通过数组.pop
为什么当我在信号商店（在服务中）时，当我这样做时 服务 protected static readonly returnedAllowances：WritableSignal<(ContractAllowanceDTO)[]> = signal<(ContractAllowanceDTO}...
Angular Service 从 Observable 返回布尔值
大局是我希望服务返回一个布尔值，因为我不希望消费者必须进行订阅/取消订阅。我希望他们调用 getBooleanFeatureToggle(toggleKey: string) 并重新...
如何使用 ngx-mask 将输入转换为十进制数字，以便用户看到它，例如，123 变为 123.00，142.1 变为 142.10，73.30 仍为 73.00？ 我已经尝试过