angular-components相关内容

如何从子组件更改父变量?

这个问题很简单,但我无法摆脱它. 我在父模板中有一个 并且在通过路由模块显示子模板时需要它消失.我期望的是在标题标签中添加一个类,以便我可以通过 CSS 隐藏它.这就是我所拥有的: app.component.ts import { Component } from '@angular/core';@成分({选择器:'应用',模板:` ..
发布时间:2021-11-09 00:41:35 其他开发

如何使用 @HostListener('window:beforeunload') 调用方法?

我正在尝试调用我在卸载组件之前自己创建的 post 方法,但它不起作用. 我在@HostListener 上设置了一个断点,当我打开不同的组件时它不会在那里中断. 我正在使用 Chrome 进行调试,并为卸载和卸载前打开了事件侦听器断点,当我打开不同的组件时会中断. 我的代码中是否遗漏了什么? import { Component, OnInit, HostListener } ..
发布时间:2021-11-09 00:41:33 其他开发

角度材质选项卡不适用于包装器组件

我们正在开发一个公司组件库,它应该提供材料设计的角度组件.所以这个库的用户不应该使用例如Angular Material 直接包含一些组件,例如“自定义标签". 直接使用 MatTabModule 的组件就像一个魅力,而使用我们的自定义组件时,投影内容不会显示. 用法看起来与 Angular Material API 非常相似: ..

在 AngularJS 组件中从父级到子级传递事件

在我正在处理的新项目中,我开始使用组件而不是指令. 但是,我遇到了一个问题,我找不到具体的标准方法来做到这一点. 将事件从子级通知给父级很容易,您可以在下面的我的 plunkr 上找到它,但是从父级到子级通知事件的正确方法是什么? Angular2 似乎通过使用这样的东西来解决这个问题:https://angular.io/docs/ts/latest/cookbook/comp ..

如何从更新的父组件列表中更新子组件

我是 Angular 的新手,目前使用的是 1.6 版. 我正在实现 Angular 的组件样式.我只是想问从父组件到子组件通信的最佳方式是什么?我知道存在一个问题,但我有一个特定的场景(我不确定它是否独特). 场景如下: Modal -> 创建新的 todo -> Parent(更新对象)-> 个人 todo(更新列表) 我有一个用于创建待办事项的模式. 然后在创建新的 ..
发布时间:2021-11-09 00:41:14 其他开发

如何以角度动态删除组件

我经历了 Angular 动态加载组件.但是我找不到如何动态删除组件. 我的要求是聊天应用程序根据对话加载动态组件(图像/图形/列表/表格).但是,如果对话向前推进,我如何销毁组件. 我正在尝试使用外部事件销毁动态组件. 请帮助如何继续. 编辑:https://stackblitz.com/angular/emjkxxxdxmk?file=src%2Fapp%2Fad-ba ..

Observable 与 Angular 4 ,NgFor 仅支持绑定到 Iterables,例如数组

是的,我看到其他人收到这个错误,我只是不太明白如何在我的代码中修复它 private _url = 'https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH,LTC,EOS,DASH&tsyms=USD' 如果我没有 return 它不会因错误而崩溃,但我确实想返回数据. 我有一个调用此方法的组件(在此服务 ts 文 ..
发布时间:2021-11-09 00:41:06 其他开发

没有模型更改的 Angular 2 组件模型刷新视图

我有一个 Angular 2.4.0 应用程序,我正在处理一个表单,该表单有一些支持 Javascript 验证/格式化几个字段.字段格式化完成后,如果格式化返回的值与附加到模型的原始值匹配,则视图不会更新.有没有办法强制视图更新?由于没有模型更改,因此强制刷新组件没有任何效果.我猜我需要用 jQuery 之类的东西单独更新视图,但我想先检查是否有更好的解决方案. 组件:导出类组件{字段:字 ..
发布时间:2021-11-09 00:41:03 前端开发

如何重用 Angular 测试文件中的所有导入

假设我有一个简单的模块 AppModule,它有许多导入、声明和提供程序.现在我想为位于该模块声明列表中的组件 ListComponent 编写一个测试.ListComponent 本身使用了许多(但不是所有)AppModule 的导入.我是这样做的: import { TestBed } from '@angular/core/testing';//+相同的从`AppModule`导入的复制粘 ..

带有角材料的垂直标签

使用正确的Angular Material 指令,如何将方向更改为垂直? 从垂直制表符开始: 然后想要下拉到 mat-select 下拉列表下方的内容: 编辑:如果有人不这样做,我将致力于将 https://stackoverflow.com/a/43389018 调整到我的答案中没有打败我:) 解决方案 Wrote angular-垂直制表符.这只是包装了 @angul ..