Angular - 移除 LocationStrategy onPopState 回调

[英]Angular - remove LocationStrategy onPopState call back

当用户单击后退按钮时，我正在使用 locationStrategy.onPopState 来处理。 逻辑工作正常，但我遇到了问题。 即使组件不再存在（通过更改路由或使用 *ngIf）也会触发回调。 重点似乎是 angular 保留了 LocationStragy 中组件的引用，就像没有取消订阅的 O ...

模块“@angular/common”没有导出成员“NgOptimizedImage”。 3 从'@angular/common'导入{NgOptimizedImage}；

[英]Module '"@angular/common"' has no exported member 'NgOptimizedImage'. 3 import { NgOptimizedImage} from '@angular/common';

Angular 文档建议使用“NgOptimizedImage”加载图像。 我按照说明进行操作，但似乎在任何地方都没有 NgOptimizedImage 导出。 当我添加以下语句时，出现错误。 我假设 NgOptimizedImage 可能没有那么有用并且已被弃用，并且文档根本没有更新。 这一切 ...

Angular 主页组件路由问题

[英]Angular Home Page Component routing issue

我在 angular 中有 2 个组件网页报名表路线应该是这样的 但是在路由器模块中，不能在基本路径上设置任何内容 应用组件： 最终 output： 如何在ROOT上设置一个组件，而将其他组件设置为默认路由系统。 此外，如果有一种方法可以在 Nginx 中部署它，并通过一些配置将/home as / ...

如何通过触摸缩小屏幕尺寸？

[英]How to reduce the screen size with touch?

我正在开发一个带有 Angular 的应用程序，并且希望能够在移动设备上缩小我的屏幕，即使是触摸。 可以通过视口放大，但不能缩小。 我的视口是这样的： <meta name="viewport" content="width=device-width, initial-scale=1.0, ...

在不使用 getValue 的情况下切换行为主题的值

[英]Toggling value of behavior subject without using getValue

我想切换我的行为主题的boolean值。 我目前通过使用 Behavior Subject 的getValue()方法来实现这一点。 这并不理想，因为我通过从数据 stream 中提取数据，有效地采用了我的反应式、声明式代码并将其转换为命令式代码： 我想通过某种方式利用 RXJS 运算符并在数据 s ...

Angular 插值问题以及实现元素

[英]Angular issue with Interpolation and also implementing elements

我遇到了字符串插值问题。 所以我在做的Angular这门课中尝试按照老师做的做字符串插值。 我有一个 server.component.ts 文件，这正是老师在课程中所做的。 然后我尝试将它放在 server.component.html 上，这样它就会出现在浏览器中： 我检查了很多次，似乎我的设置 ...

在 Angular 中实现可重用组件的标准布局

[英]Implementing a standard layout for reusable components in Angular

我正在构建可重用的 UI 控件，这些控件遵循 FormLayoutComponent 中指定的特定布局和功能（标签、编辑/确认按钮、读/写视图等）。 我目前必须在每个 UI 组件中指定 FormLayoutComponent 的输入/输出。 如果我需要向 FormLayoutComponent 添加 ...

访问 ng zorro elements (nz-tree) 以进行 angular 测试（Jasmine 和 Karma）

[英]Access ng zorro elements (nz-tree) for angular testing (Jasmine and Karma)

我想访问 $event 中的数据，并验证是否在单击时调用了 treeClick 方法。 这是运行测试文件后的错误“Expected spy treeClick to have been called once. It was called 0 times.” 模板文件 规格 有什么解决办法吗？ ...

如何从 angular state 获取 actionsObserver 值

[英]How do I get actionsObserver value from angular state

我正在使用下面的行来查看 state 数据this.store.select(selectUser)它在 actionsObserve 下具有预期的数据。 但是，我无法读取 actionsObserve 中的数据： this.store.select(selectUser).actionsObser ...

结合后端（Express）和前端（Angular）路由

[英]Combining backend (Express) and frontend (Angular) routes

赏金将在 6 天后到期。 此问题的答案有资格获得+50声望赏金。 Mironline想让更多人关注这个问题。 我想在一台主机上托管 Angular 应用程序及其后端（我不确定这是否是个好主意。）。 我在 NodeJS ( express ) 应用程序中创建了一个web文件夹，并将 angular ...

执行“ng generate environments”时出错时需要合集和原理图

[英]A collection and schematic is required during execution error when executing "ng generate environments"

我正在使用 Angular 15 和节点版本 18.12.1。 我在 Visual Studio Code 中创建了一个新应用程序，但了解到 Angular 不再提供用于测试和生产目的的环境文件。 我想要这些环境文件，所以我按照 Angular 网站上的说明进行操作。 https://angula ...

避免嵌套订阅

[英]Avoiding nested subscriptions

我需要按顺序执行多个 API 调用并在下一次调用中使用每个响应。 它看起来有点像这样： 上面的代码工作正常，但我需要延迟，以便某些组件可以处理 API 调用之间的数据。 所以我做了： 这将返回一个嵌套的可观察对象。 如何在没有嵌套订阅的情况下订阅内部可观察对象？ 我试着做： 但这会导致错误的响应顺序 ...

Angular 中自定义 pipe 文件的 CommonJS 依赖警告。如何解决？

[英]CommonJS dependency warning on custom pipe file in Angular. How to fix?

赏金将在 6 天后到期。 此问题的答案有资格获得+50声望赏金。 user1186050正在从信誉良好的来源寻找答案。 我在我的 angular.json JSDependencies 部分添加了几个模块，如下所示： "allowedCommonJsDependencies": ["angul ...

访问组件中可观察对象的 object（不是 HTML 模板）

[英]Accessing the object of an observable in the component (not the HTML Template)

我正在为 angular 项目构建材料自动完成功能。 在此 Stackblitx 之后建模... https://stackblitz.com/run?file=src%2Fapp%2Fautocomplete-overview-example.ts 该示例创建了一个包含 5 个状态的数组。 我想 ...

如何使用带有 angular 项目的 Google 登录获得正确的方法 scope

[英]How to get correct method scope using Google signin with angular project

我已经完成了让 google 登录工作的 95% 的工作。 试图找出代码的 2 个问题。 这是我当前的代码（简化） 问题 #1：当google.accounts.id.initialize失败时，我可以在控制台日志中看到错误，但如何在我的代码中获取该错误？ 我觉得我需要某种错误回调，但文档中没有显 ...

select如何在angular中获取多个dom元素？

[英]How to select multiple dom elements in angular?

选择器标签#sepinout只选择一个元素，不知select如何同时选择几个，而这个function对列表的所有元素都满足我尝试使用相同的选择器，但它似乎不起作用，因为该操作只发生在一个元素上更新/解决方案 ...

测试Angular服务

[英]Test Angular service

这是我需要测试的服务中的一个方法： 这是我的测试尝试，我对如何管理内部条件以及如何返回值感到困惑。 感谢 Vaira：第一个测试现在工作正常： 但是在第二个选项中我不知道为什么不允许，我想我传递了正确的值（offer.user_offers），这是编辑器中的错误： “Argument of type ...

尝试在 Angular 应用程序中安装 PWA 时发生依赖冲突

[英]Dependency Conflict When Trying To Install PWA In An Angular Application

我正在尝试在我当前的 Angular 14 应用程序中安装 PWA； 但是，我总是遇到依赖冲突错误。 请注意，我同时使用了 --legacy-peer-deps 和 --force 选项另请注意，我是 Angular 的新手，所以我可能遗漏了一些明显的东西。 使用的命令 ng 添加@angular/ ...

探索 Angular Material Stepper 以组件为输入的可能性

[英]Exploring possibility of Angular Material Stepper taking component as input

我是 angular 的新手，我一直在玩 Stepper function。 问题陈述： 我正在尝试创建一个 Stepper 高阶组件，它将接受组件作为输入（对于每个步骤）并呈现。 目标是我将能够传入各种组件并渲染它们。 https://material.angular.io/components ...

数据未显示在模板上（角度）

[英]Data is not displaying on template (Angular)

我正在通过做简单的项目来练习 Angular。 我看到所有关于 SO 的问答，这与我的问题非常相似。 原因是我试图在异步数据初始化为articles变量之前显示它，但我已经尝试过*ngIf和async pipe。 我的服务 我的组件.ts 模板 ...