angular-components相关内容
我编写了一个动态表单,其中有一个主要部分和基于在主要部分 (widget.type) 中选择的类型的子部分.显示和隐藏子部分是通过 ngSwitch 完成的. 表单的 HTML 如下所示:
Titel
..
我有许多 angular 1.5 组件,它们都采用相同的属性和数据结构.我认为它们可以重构为单个组件,但我需要一种方法来根据 type 属性的内插值动态选择模板. var myComponentDef = {绑定:{类型:'
..
我只能做 但是每一个在dom中动态插入组件的文档都是基于ViewContainerRef的.我喜欢它的作用.但是是什么让它比 *ngif 如此特别? 请指出两者的优缺点.请.谢谢! 解决方案 TLDR; 如果在组
..
@Component({选择器:'.donation',模板:`给我买一杯咖啡.`})导出类 DonationComponent{}@指示({选择器:'[移动]'})导出类 MoveDirective{} 嘿,我想在 MoveDirective 和 Donat
..
注意:为简单起见,将组件深度视为: - 智能(大)父级 0- 哑巴1级....- 哑孙2级....) 关于智能/大/父/子组件如何在 MULTI-LEVEL(至少 3 个级别)链上进行通信和向上和向下传递数据,有多种选项和条件.我们希望将我们的“智能"(大)父组件作为唯一可以访问我们的数据服务(或原子/不可变存储)的组件,它将推动与“哑"(大)子组件的信息交换.我们看到的选项是: Ant
..
每当我创建一个新组件时,有没有办法摆脱 Angular 2+ 中的 spec.ts 文件.我知道这是为了测试目的,但如果我不需要它怎么办. 可能有一些设置可以禁用这个特定的测试文件. 解决方案 针对 Angular >=8 CLI 进行了更新 对于一个组件,使用以下命令: ng 生成组件 --skip-tests=true component-name 对于单个项目,在您的
..
我正在使用 *ngFor 来迭代一些这样的数据: {{d}} 一切都很好,我得到了预期的结果: 1
2
3 然后,我想我是不是用了一个函数而不是{{d}},所以我写了一个函数: protected logAndReturn(item) {控制台日志(项目);归还物品;} 我用过: {{logAndReturn(d)}}
..
如果我有一个自定义指令 ParentDirective 和自定义组件 ChildComponent 排列如下: ...然后我可以在指令中使用 @ContentChild 来引用组件: @ContentChild(ChildComponent) child: ChildComponent; 请参阅此 StackBlitz 的工作原理.(它登录
..
我试图比我在文档中找到的更详细地了解 Angular Components 的销毁过程.我希望这里有人能够回答以下问题: 在移除组件模板中元素的事件侦听器之前是否移除了这些元素的属性? 在一个组件销毁过程中,事件监听器的注销是什么时候发生的,是如何发生的? 是否有更多关于在 Angular 内部删除事件侦听器的过程的信息? 解决方案 在 JavaScript 中,您无法删
..
在这里我的Plunker(修改了Tour of Heroes 应用程序来自官方文档)我在 hero.service 中创建了这个方法 doHeroesExist(): boolean {console.log("doHeroesExist 调用..", this.heroesExist);alert("doHeroesExist 调用了.." + JSON.stringify(this.he
..
我试图了解控制器的 $onDestroy 方法和 $scope.$destroy() 之间的区别. 定义表示当组件的包含范围需要销毁时调用 $onDestroy.但是 $scope.$destroy() 不是一样的情况吗? 根据我在 https://plnkr.co/edit/上创建的 plunker9RlS8OLxAoyK80WPMJaN?p=预览 ,
..
..
我有一个组件“课程".我将此组件用于列表.这个列表有时是水平的,有时是垂直的.我可以在组件内部动态选择模板文件吗? @Component({选择器:'课程',模板网址:getTemplateFile()}) 这样的功能将是很棒的功能! 解决方案 我觉得这个教程很有帮助 https://scotch.io/tutorials/component-inheritance-in-角度-
..
我遇到了以下 Plunker 来动态添加和删除组件.根据上面的链接和许多其他 SO 帖子,我知道如何访问输入和输出属性: this.compRef.instance.someProperty = 'someValue';this.compRef.instance.someOutput.subscribe(val => doSomething()); 而且我还有一个指令“appFont". i
..
如何在没有显式声明的情况下访问 Angular 2+ 中 @ViewChild() 的子元素(此处:)? 在 template.html 中 可以有任何东西--> 在 component.ts @ViewChild('parent') parent;公共 getFirst
..
我有一个父组件,我想在其中创建和存储我的响应式表单.一个 Form Array 中会有多个 Form Group 实例.我想将每个表单组中的表单控件传递给子组件,但我无法弄清楚如何执行此操作. 这是一个 Stackblitz 演示了我想要做什么.此外,某些字段仅适用于某些“品牌"的汽车,这就是为什么我的 html 中有以下行: 我想将“详细信息"表单组字段移动到“详细信息字段"子组件中
..
我想知道在 Angular 组件中为可选属性设置默认值的“Angular/Typescript 方式"是什么?当传递给可选属性的值为 null 或 undefined 时,我遇到了麻烦. 目前我有这样的事情: 导出类 FooComponent 实现 OnInit {@Input() foo = 'foo';@Input() bar = 0;@Input() baz?: 字符串;} 如果声
..
在 Angular 2 中创建动态组件时,我 发现此过程需要 ViewContainerRef 以将新创建的组件添加到 DOM. 并且通过将 @Input 和 @Output 传递给那些动态创建的组件,我在上面的第二个链接和 这里. 但是,如果我要创建一个名为 shape.service 的服务,该服务包含返回不同形状组件的函数,其中包含一些 @Input,例如 bgColor,我
..
所以,我试图找到这个问题的解决方案.但是,不知何故我无法这样做,可能是因为缺乏角度 5 的知识.这是我的服务: GetCurrentUserData(): Observable{返回 this.http.get(ApplicationURLS.GetCurrentUserInformation).map(响应 => {返回响应;});//.catch(error => this.handleEr
..
我有 2 个兄弟组件,我在一个组件中执行 http 请求,如果发生特定情况,它应该发出另一个 http 请求,用另一个组件编写.所以我应该能够在第一个组件中调用该方法. 这是第一个组件: import { Component, OnInit, Inject } from '@angular/core';从 '@angular/http' 导入 { Http };import { SendC
..