-
4 votes1 answers649 views
无法捕获自定义角度组件的nativeElement
我无法获得自定义元素的nativeElement的引用 . 我有这样的模板: <div #testone> <my-feature-cmp><my-feature-cmp> <my-feature-cmp><my-feature-cmp> <my-feature-cmp><my-feature-cmp> <d... -
0 votes0 answers1879 views
更新已降级为AngularJS并在两个不同位置重新使用的Angular组件的更改
我有一个Angular Component,我已降级,因此可以在AngularJs中使用 . 它用于弹出模式对话框,降级成功,组件按预期运行,但唯一的问题是当模态对话框关闭时,这些更改不会反映在Angular组件中 . 每次组件运行时以及打开模型对话框时,ngOnInit生命周期都用于异步数据 . 在应用程序视图中,组件处于角度环境中并像这样使用: <interaction-componen... -
0 votes0 answers950 views
Angular从另一个组件和服务初始化一个组件
应用程序的结构包含 projects 组件,其中包含 project 和 tasks 组件,其中包含子组件 task-detail ,还有另一个名为 schedule 的模块和共享文件夹,其中包含应用程序的服务和模型: 我正在尝试从不同的位置初始化 task-detail 组件(从其父组件 tasks 以及通过按钮从 ScheduleService ) . 我用 property binding... -
1 votes1 answers1092 views
默认情况下,在另一个组件中显示mat-selection-list中的第一个列表项值
我有2个组件叫: 1)list (used to display customer list) 2)detail (used to display customer details) 这两个组件是通用组件,所以我在另一个名为 customer 的组件中使用这些组件 . 它将显示如下图所示: 在 list 组件上单击特定客户名称(前客户一)时,我在 details 组件上显示客户值(例如名称和年龄... -
5 votes1 answers199 views
带有角度材质的垂直标签
使用正确的Angular Material directive,如何将方向更改为垂直? 从垂直标签开始: 然后想要放到mat-select下拉列表下面的内容: 编辑:如果有人不打扰我:)将努力使https://stackoverflow.com/a/43389018适应我的答案:) -
2 votes3 answers953 views
如何在组件输入是嵌套对象数组时检测更改?
我正在开发一个Angular应用程序,我会使用 ngOnChanges 在组件的输入发生变化时收到通知 . 在我的情况下,它没有被触发,因为我有一个嵌套对象数组作为组件的输入 . 我有一个组件,其中我使用两个子组件,使用两个 FormControl 相同的父 FormGroup . 我将第一个formControl的 value 传递给第二个子组件,但由于在数组修改时没有发生更改检测,因此无法在... -
0 votes1 answers904 views
具有多个输入和验证的角度分量(必需)
我想创建一个带有多个输入控件的自定义组件,我可以在其他组件表单中使用它,包括验证 . 我能找到的唯一例子展示了如何使用ONE输入和自定义验证器创建一个简单的组件 . 但我不可能创建一个包含两个或更多输入的组件 @Component({ selector: 'stationDefaultProperties', template: '<div><span>Na... -
0 votes0 answers1175 views
包括来自单独的Angular应用程序的组件
让我们假设相邻文件夹中有两个Angular 4应用程序具有这样的结构: App1 package.json src app.module.ts App2 package.json src welcome.component.ts 我想要做的是从第一个应用程序的模块中导入欢迎组件 . 问题是,当我这样做时,它编译并运行没有任何问题,但在我打开页面后,我得到一个错误... -
0 votes1 answers760 views
未捕获错误:模板解析错误:'app-message-menu'不是已知元素 . Angular 4
我有两个组件header-navbar.component.ts和message-menu.component.ts我想将消息菜单组件html包含到header-navbar组件中,即我想将其作为子组件 . 我在app.modules.ts,exports和imports的声明中添加了消息菜单组件 . Headers 导航栏组件中导入的消息菜单组件 . 但我仍然得到错误: 未捕获错误:模板解析... -
1 votes1 answers345 views
styleUrls - 无法使用角度2中的相对路径加载组件的css样式表
我在"app/Hero"中以角度2定义了一个"Hero"组件 . 英雄组件定义为"hero.component.html","hero.component.css"和"hero.component.ts"文件 . templateUrl工作正常,但styleUrls不加载 . 将显示资源未找到错误... -
0 votes2 answers307 views
来自服务的Angular 2触发组件方法
我有两个组件(one.component和two.component)之间的关系,我在两者之间有一个服务(global.service) . 一切运作良好(我可以从Angular.io网站的Angular 2 - Parent and children communicate via a service中将值从一个传递到另一个) . 我在global.service中有一个从one.compone... -
0 votes1 answers1436 views
如何理解组件之间的数据共享?
https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service 我知道这个文档告诉你如何在父组件和子组件之间进行通信 . 但我很难理解这是如何运作的 . 也许这是他们使用的例子 . 有人会用另一种方式解释吗? -
2 votes1 answers1761 views
Angular是在组件之间重用服务的好习惯
我有一个服务: export class LangService { public test = "hi"; } 父组件: import {LangService} from "./services/lang.service"; export class ParentComponent { constructor(private _lang: La... -
16 votes3 answers1950 views
Angular 2/4/5:智能,愚蠢和深度嵌套的组件通信
注意:为简单起见,请将组件深度视为: - Smart (grand)parent level 0 - dumb child level 1 .... - dumb grandchild level 2 ....) 有关智能/大/父/子组件如何在MULTI-LEVEL(至少3级)链上下传递和传递数据的各种选项和条件 . 我们希望将“智能”(宏)父组件保留为可以访问我们... -
370 votes12 answers105 views
Angular中ngShow和ngHide的等价物是什么?
我想要在某些条件下看到许多元素 . 在AngularJS中我会写 <div ng-show="myVar">stuff</div> 我怎么能在Angular中做到这一点? -
0 votes1 answers1712 views
以角度5访问动态子组件内的父数据
代码:https://stackblitz.com/edit/dynamic-child-inside-parent-component 代码说明: 我在单击父组件中的按钮时动态创建子组件 . 我已经从父组件传递输入到子组件(@Input)以跟踪按钮单击计数器值 . 但是当我从子组件中删除并添加时我再次得到计数器值错误 . 我已将按钮点击限制为5次 . 示例场景:我已经点击了5次按钮,所以如果我删... -
0 votes3 answers347 views
如何在Angular v2组件中添加样式URL?
我在他们的网站上关注Angular教程,并创建了一些组件,模板和样式 . 我在使用'@Component'装饰器的'styleURLs'属性在组件中包含我的样式时遇到问题 . 这就是我的意思, @Component({ selector: 'curries', templateUrl: '../Views/curries.component.html', styleUrls: ['..... -
0 votes0 answers176 views
如何在扩展另一个的自定义组件中包含指令
我试图基本上将组件和指令与一些默认选项组合到一个新的自定义组件中 . 最初它看起来像这样: <input soho-input soho-mask [options]="maskOptions"... 我想通过创建一个名为integer-input的新组件扩展soho-input组件,该组件还包括soho-mask指令和默认选项,以便它看起来像这样: <input... -
1 votes1 answers460 views
父视图更新时,Angular子组件不会更新
所以我在父视图之间共享一些简单的同步本地数据,并且当本地数据更改所有使用它的父视图更新并正确反映时,所有函数都很好 . 然而,当我开始将我不断增长的项目拆分为自定义组件以防止代码重复时,事情开始变得非常古怪 . 父级仍然正常更新,但是自定义组件子级没有收到任何更改通知,尽管数据已绑定 . 此外,它只是父项之外的共享数据,父项本身的任何更改都会正常反映视图并按原样更新 . 现在看来,当共享数据发生变... -
0 votes1 answers323 views
Angular2指令侦听父组件回调或更改
我有一个angular2 / 4指令,我附加到输入DOM元素,它为它们添加一个类,标记它们不是空的 . @Directive({ selector: '[inputNotEmptyAddClass]' }) export class InputNotEmptyDirective implements OnInit { ... @HostListener('change') onChange... -
351 votes10 answers1113 views
如何在组件模板中选择元素?
有人知道如何获取组件模板中定义的元素吗?使用 $ 和 $$ ,聚合物非常容易 . 我只是想知道如何在Angular中实现它 . 以教程为例: import {Component} from '@angular/core' @Component({ selector:'display' template:` <input #myname(input)="u... -
1 votes1 answers1972 views
单击另一个组件时组件的Angular 6输出信息
我有3个组件:1 . 客户列表2.客户端(名称)3 . 客户端的完整信息(名称,年龄,地址),单击用户项目时必须显示 . 我无法理解,当我在客户列表中单击此客户端时,如何获取有关特定客户端的信息(如何显示第三个组件) . 这是我的代码: 1)clients-list.component.ts: import { Component, OnInit, Input } from '@angular/c... -
0 votes1 answers1660 views
将数据从组件传递到服务,然后传递到另一个组件
First Component.ts onRecievingResults(value){ console.log(value); this.faqService.saveData(value); console.log(value); this.router.navigate(['results'], {relativeTo: this.route});} } ... -
0 votes0 answers1127 views
将数据从“材料”对话框传递到父组件
我有一个带有按钮(TeacherComponent)的组件,可以打开一个Material Dialog . 在该对话框中,是一个文本区域和评级星号,用户可以从中发送反馈 . 单击“提交”按钮后,我需要获取所有数据(PopUpFeedbackModel)并将它们发送到父组件 .我为此创建了一个服务,但它不起作用,如果我在ngOnInit()方法中获取数据,如果我创建一个按钮并且在反馈窗口关闭后,按下... -
61 votes3 answers472 views
Angular 2 'component'不是已知元素
我正在尝试在其他模块中使用我在AppModule中创建的组件 . 我收到以下错误: “未捕获(承诺):错误:模板解析错误:'contacts-box'不是已知元素:如果'contacts-box'是Angular组件,则验证它是否是此模块的一部分 . 如果'contacts- box'是一个Web组件,然后将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@ NgModule.s... -
3 votes2 answers1684 views
角度服务中的EventEmitter或RxJS主题
EventEmitter是否为RxJS Observable? 在角度文档中,它解释了如何使用EventEmitter从子组件到父组件进行通信 . 我们应该只在组件中使用EventEmitter还是可以使用角度服务? 在角度文档中,它解释了父和子如何通过使用observables RxJS Subject的共享服务进行通信 . 我们可以在此MissionService示例中使用Even... -
4 votes1 answers203 views
将Angular Reactive FormControls传递给Children Components
我有一个父组件,我想创建和存储我的Reactive Form . 表单数组中将有多个表单组实例 . 我想将表单控件从每个表单组传递给子组件,但我很难弄清楚如何执行此操作 . 这是一个Stackblitz,展示了我想做的事情 . 此外,某些字段仅适用于某些'makes'汽车,这就是为什么我的html中有以下行: <input type="text" *ngIf="... -
0 votes1 answers435 views
AngularDart弹出组件
如何在AngularDart中的用户配置文件图像上实现angular_components的弹出窗口 . https://dart-lang.github.io/angular_components_example/#Popups这个示例链接帮助我了解了AngularDart组件及其实现,但我仍然无法在用户配置文件映像上实现它 . 所以任何人都可以帮助我知道我该怎么做 先感谢您 . app_he... -
1 votes1 answers895 views
材料输入,带有AngularDart中的验证和错误消息
我想在AngularDart中使用 material-input 验证和错误消息 . 我们在此组件中有一个默认消息错误( Enter a number ),如下图所示: 例如,我需要验证百分比字段输入是否在0到100%之间 . 如果不是,则应显示消息错误 . 使用Material Components在AngularDart中处理输入验证和错误消息的方法是什么? -
2 votes0 answers1021 views
是否有任何模式可以使用Angulardart组件定义响应式布局?
是否有任何模式来定义布局(预定义的CSS)与Angulardart组件类似于Flex-layout或Materialize? 我想找到组件的响应行为,例如 material-applayout , material-list-item 等 .