angular6相关内容

如何从 angular 2+ 的服务中获取屏幕调整尺寸?

首先这不是重复的需要时间来阅读,因为有很多类似的问题,但它们在@Component装饰器中 我的想法是在服务中捕获屏幕调整大小,然后通过可观察对象共享一些 css 值,但我的服务似乎无法正常工作(无法捕获屏幕调整大小事件). 这是我的代码 import { Injectable, HostListener } from '@angular/core';从'rxjs'导入{Behavi ..
发布时间:2021-11-10 03:36:20 其他开发

Angular6 路由器导航到共享相同组件的多个子路由

我有多个共享相同组件的子组件,这些组件工作正常,但是,我无法在页面之间路由,因为 Angular 怀疑该组件已加载.尝试路由到这些子路由时是否可以重新加载组件? const ServicesRouting: ModuleWithProviders = RouterModule.forChild([{小路: '',组件:结构组件,canActivate: [AuthGuard],孩子们: [{路径 ..
发布时间:2021-11-10 03:31:19 其他开发

Angular 6 router - 替换当前路由的部分参数

在我的 Angular 6 解决方案中,网址具有以下结构: /{language}/{app_section}/{object_id}/{view}?queryparams... 语言选择器组件由应用程序的所有部分共享,并包含在其中一个父路由的模板中,以便它出现在所有子路由中. 当用户选择一种新语言时,组件应该只替换当前路由的 {language} 部分,其他所有内容保持不变,并 ..
发布时间:2021-11-10 03:28:21 其他开发

错误:未捕获(承诺):错误:无法匹配任何路由.URL 段:“站点通知"

我完全对这个错误感到困惑.我有一个非常基本的简单路由: const 路由:Routes = [{路径:'',组件:FrameDefaultComponent,路径匹配:'完整',孩子们: [{路径:'',组件:SiteCalculatorComponent},{路径:'站点通知',组件:SiteSiteNoticeComponent}]},]; 当我在如下所示的菜单中单击站点通知的菜单条目时: ..
发布时间:2021-11-10 03:24:59 其他开发

Angular 6 - 带前缀的动态路由

我正在开发一个 Angular 通用应用程序.我想创建带有自定义前缀的动态路由,但找不到任何与我的案例相关的有用文档.任何帮助将不胜感激... 详情: 我所拥有的是,我有 4 个页面,其中包含 4 个不同的动态 URL,它们是: 主页(http://example.com/) 类别页面(http://example.com/{category_name}) 子类别页面(htt ..
发布时间:2021-11-10 03:16:01 其他开发

如果添加另一个数据流,解析器不会解析

我正在尝试使用解析器来根据路由包含的给定参数检索数据. 不幸的是,当我添加另一个数据流时,我的数据依赖于解析器从未真正解析过. 如果我直接返回一个立即解析的值,一切正常.我调试了情况,看到我收到了所有部分信息,但最终未能真正解决. 这是一个快速示例.如果需要更多代码来理解问题,请联系我. 我的服务: 导出类 MyService {得到(酒吧){返回(新 Foo(bar)) ..
发布时间:2021-11-10 03:14:35 其他开发

Angular 6 - 获取当前路线及其数据

如何获取当前路径并获取其数据、子项和父项? 说这是否是路由结构: const 路由:Routes = [{path: 'home', 组件: HomeComponent, 数据: {title: 'Home'}},{路径:'关于',组件:关于组件,数据:{标题:'关于'},孩子们: [{路径:'公司',组件:'公司组件',数据:{标题:'公司'}},{路径:'使命',组件:'任务组件' ..
发布时间:2021-11-10 03:14:01 其他开发

使用 ViewChild 的 Child To Parent Value 访问

我已经阅读了 angular6 中的文章,在孩子与父母沟通的 3 种方式.如果错误,请尽可能演示1) 输出发射器2)使用viewchild3)共享服务. 所以在这里我需要了解如何将 viewchild 从 child 传达给 parent. 在下面的演示中,在子组件中创建了一个表单,当子组件表单有效时,应反映在父组件中.但是当输入一些东西时,子组件表单是有效的,在子表单中启用了按钮,这 ..

Angular 6 Reactive Forms Custom Validator 从默认数据中获取错误

我在 FormGroup 中有一个 FormArray,每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器,它检查每个 FormArray 中的所有数据以验证数据的重复.目前,它也在用自身验证初始数据,这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时,它工作正常. for ..

Angular 6 Reactive Forms Custom Validator 从默认数据中获取错误

我在 FormGroup 中有一个 FormArray,每个 FormArray 都有多个 FormGroup 并且可以动态添加它们. 我有一个自定义验证器,它检查每个 FormArray 中的所有数据以验证数据的重复.目前,它也在用自身验证初始数据,这会引发错误. 有什么办法可以限制错误在检查初始数据时自己抛出? 当添加新数据并且具有与现有数据相同的值时,它工作正常. for ..

Angular 6 Reactive Form - 选择选项:禁用之前选择的选项

我有 3 个必须具有唯一值的下拉菜单(我在此处分配网络适配器),因此如果在下拉列表 1 中选择了一个网卡,则必须在下拉列表 2 和 3 中禁用它.我找到了 这个答案 和其他一些答案,但我无法让它们发挥作用. component.ts nicAdapters: any[] = ['nic0','nic1','nic2','nic3','nic4','nic5','nic6','nic7',' ..
发布时间:2021-11-10 03:10:19 其他开发

角度嵌套的表单数组

我正在制作带有反应形式的角度应用程序,其中我制作了一个嵌套的表单数组,该数组将在按钮单击时嵌套. 一个干净的工作示例https://stackblitz.com/edit/angular-thhczx ,它有静态输入,因此点击Add new template,它会添加另一个嵌套部分,对于Add new property,它会生成另一个属性数组.. 所以你已经掌握了上面的工作示例概念对​ ..

响应式表单 - 在提交时,检查表单中是否至少有一处更改,然后才调用 API

我想要实现的是这样的: 当用户点击提交按钮时,在后台我需要比较表单的状态是否发生了变化,状态我的意思是至少有对表单进行一次更改,仅然后调用 API/服务器来保存信息. 如果没有任何更改,只需向用户显示警告消息 - “嘿,您需要更新某些内容!"(console.log() 就足够了) *当用户在 field1 中更改某些内容时,我还需要处理这种情况,例如,从胡萝卜变为美味的胡萝卜,然后又变 ..