-
4 votesanswersviews
将Angular Reactive FormControls传递给Children Components
我有一个父组件,我想创建和存储我的Reactive Form . 表单数组中将有多个表单组实例 . 我想将表单控件从每个表单组传递给子组件,但我很难弄清楚如何执行此操作 . 这是一个Stackblitz,展示了我想做的事情 . 此外,某些字段仅适用于某些'makes'汽车,这就是为什么我的html中有以下行: <input type="text" *ngIf="... -
1 votesanswersviews
材料输入,带有AngularDart中的验证和错误消息
我想在AngularDart中使用 material-input 验证和错误消息 . 我们在此组件中有一个默认消息错误( Enter a number ),如下图所示: 例如,我需要验证百分比字段输入是否在0到100%之间 . 如果不是,则应显示消息错误 . 使用Material Components在AngularDart中处理输入验证和错误消息的方法是什么? -
0 votesanswersviews
AngularDart弹出组件
如何在AngularDart中的用户配置文件图像上实现angular_components的弹出窗口 . https://dart-lang.github.io/angular_components_example/#Popups这个示例链接帮助我了解了AngularDart组件及其实现,但我仍然无法在用户配置文件映像上实现它 . 所以任何人都可以帮助我知道我该怎么做 先感谢您 . app_he... -
0 votesanswersviews
使用AngularDart组件打开列表中的展开项
它已经被 MaterialListComponent 和 MaterialListItemComponent 组件用于在带有AngularDart的应用程序中创建列表 . 当选择一个 MaterialListItemComponent 类型的项目时,我想要一个类似于AngularDart Gallery的第一个ExpansionPanel示例的行为 . 打开展开的项目 . 但是使用这个组件,我没有... -
2 votesanswersviews
已经在Component上的Angular router.navigate w / route guard不工作
我试图弄清楚为什么下面的router.navigate([''])代码不会将用户带到登录组件 . 我只是留在家庭组件 . 当我添加调试器;在代码中它似乎进入某种无限循环 . Here is the process: 用户来到站点并立即被重定向到/ login,因为Route Guard失败 . 如果他们登录,Route Guard会通过并转到[' '],这是HomeComponent . 然后,当... -
0 votesanswersviews
如何将Angular 2组件动态插入到第三方库创建的html中?
我知道我们可以使用组件工厂解析器创建动态组件 . 但据我所知,只允许我们将动态角度2分量插入到其他角度2分量中 . 我有一个第三方库,我在afterViewInit生命周期钩子中用来创建DOM . 我想将一个角度2组件插入到库创建的DOM中 . 我想知道我该怎么办? -
0 votesanswersviews
使用自定义输入激活表单
我想使用自定义输入组件创建一个表单,并遇到以下问题 . 错误:没有名称形式控件的值访问器:'nome'堆栈跟踪:_throwError @ webpack-internal:///./node_modules/@angular/forms/esm5/forms.js:2510:11 setUpControl @ webpack-internal :///./node_modules/@angul... -
0 votesanswersviews
获取父角度组件引用的正确方法是什么?
我尝试基于组件树获取子组件对其父Angular组件的引用 . 这样做的正确方法是什么?我发现 injector.view 实际上是我正在寻找的参考,但是这个API没有记录 . 注意:为什么我需要这个 . 我正在将Angular与画布渲染库混合使用 . 孩子实际上会将父对象视为AbstractComponent,它不关心其父对象的具体类 . 因为我在Angular的组件树上构建了一个并行画布显示树,... -
0 votesanswersviews
Angular Parent-Child Component:在Parent点击时加载Child
我有文章列表和文章详细信息组件 . 文章列表: - 文章列表 . 加载到html作为表 . 处理了一个click事件并设置了文章ID - 使用article id属性向文章详细信息发送信号以作为@Input属性加载 . 文章详细信息: - @Input属性从列表中侦听并注册ng-OnChange事件以处理任何更改 - 加载文章详细信息视图模型(更详细) - 使用Reactive Form将所有... -
0 votesanswersviews
角度父对阵列式子通信
我有一个由Parent组件控制的动态表单,其中包含一个使用ngFor渲染的Child DTO数组,并且这些子组件被传递给DTO并使用他们自己的模板 . 就像是: 父Html: <div class="row parameter-list" *ngFor='let parameter of parameters'> <div class="col-... -
0 votesanswersviews
尝试将服务属性获取到组件 . 但不断回归未定义
我正在尝试在兄弟组件之间共享数据(下面的组件在for循环中,在视图中) . 我已经设置了一个服务,以便我可以存储这些兄弟组件可以访问的变量 . 问题是当我尝试通过组件方法从服务访问值时,它返回为未定义 . 我可以将一个数字传递给服务并更新它,但是当我尝试检索它时,我无法做到 . 有趣的是,如果你在构造函数中控制日志服务值,它将检索一些东西 . 任何人都可以帮忙吗?我试图尽可能地遵循Max的服务章节... -
2 votesanswersviews
来自共同来源的角度条件组件
首先,我想提一下我不是一个有角度的开发人员,几乎所有的技能都属于后端工作,但我试图让这个概念得以实现,我甚至不知道它是否可行 . 谷歌搜索没有多大帮助,因为我甚至不知道如何正确地表达这个问题,所以我希望描述一下情况,我想做什么,我希望它如何工作,并希望得到一些关于我正在尝试做的事情的建议实际上是在Angular世界中被调用的,无论是否可能,并且假设它是可能的,它是什么样子的例子 . 我们有一个具有... -
370 votesanswersviews
Angular中ngShow和ngHide的等价物是什么?
我想要在某些条件下看到许多元素 . 在AngularJS中我会写 <div ng-show="myVar">stuff</div> 我怎么能在Angular中做到这一点? -
0 votesanswersviews
以角度5访问动态子组件内的父数据
代码:https://stackblitz.com/edit/dynamic-child-inside-parent-component 代码说明: 我在单击父组件中的按钮时动态创建子组件 . 我已经从父组件传递输入到子组件(@Input)以跟踪按钮单击计数器值 . 但是当我从子组件中删除并添加时我再次得到计数器值错误 . 我已将按钮点击限制为5次 . 示例场景:我已经点击了5次按钮,所以如果我删... -
351 votesanswersviews
如何在组件模板中选择元素?
有人知道如何获取组件模板中定义的元素吗?使用 $ 和 $$ ,聚合物非常容易 . 我只是想知道如何在Angular中实现它 . 以教程为例: import {Component} from '@angular/core' @Component({ selector:'display' template:` <input #myname(input)="u... -
2 votesanswersviews
是否有任何模式可以使用Angulardart组件定义响应式布局?
是否有任何模式来定义布局(预定义的CSS)与Angulardart组件类似于Flex-layout或Materialize? 我想找到组件的响应行为,例如 material-applayout , material-list-item 等 . -
3 votesanswersviews
AngularDart材料颜色主题
如何使用AngularDart 5和angular_components更改Web应用程序的材质配色方案? 我不想为每个组件的每个属性定义颜色,而是使用颜色工具或material.io提供的方案 . -
0 votesanswersviews
使用@input和对象数组的Angular 4.4.3组件导致浏览器不响应/初始化
我正在尝试构建一个在其模板中使用两个材料设计组件的新组件 . 我的想法是,我将有一个新组件,从md-select中选择一个项目后,将该项目添加到md-chip-list,然后清除选择并允许您将其他项目添加到md-chip-list . 该组件应该采用optionsList,这是一个对象数组,如: [{ viewValue: "Eve",value:"E" }... -
0 votesanswersviews
选择输入,ngValue in选项在Angular 2组件中有所不同
当以这种方式在模板中定义选择输入的选项时: <select formControlName="gender"> <option *ngFor="let g of genders" [ngValue]="g.code">{{g.name}}</option> </select> 控件... -
1 votesanswersviews
实现ControlValueAccessor和Validator的MatFormFieldControl创建循环依赖
我正在尝试通过实现MatFormFieldControl,ControlValueAccessor和Validator接口来创建自定义表单控件 . 但是,当我提供 NG_VALUE_ACCESSOR 或 NG_VALIDATORS .. @Component({ selector: 'fe-phone-number-input', templateUrl: './phone-number... -
1 votesanswersviews
始终在Angular 5中显示圆环图表工具提示
我需要始终显示圆形图表的工具提示,所以我需要添加: Chart.pluginService.register({ beforeRender: function(chart) { if (chart.config.options.showAllTooltips) { // create an array of tooltips // we can't use the char... -
4 votesanswersviews
Angular2:如果值没有改变,输入设置器不会拾取设置事件
在这里参考Angular2文档文件:[https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-setter](Parent to child setter),我有以下子组件代码: import { Component, Input } from '@angular/core'... -
1 votesanswersviews
Angular 5,Parent输入变量不会按预期与子组件交互
我有4件物品: 视图容器,编辑容器,视图编辑组件,文本字段输入组件 . 查看容器: <app-view-edit viewMode="true"> </app-view-edit> 编辑容器: <app-view-edit viewMode="false"> </app-view-edit> ... -
0 votesanswersviews
如何在Angular 4中编辑从父组件到子组件的传递数据
我有所有团队和子组件的父组件,用于使用* ngFor和@Input在框中显示每个团队 . 所有子组件都显示正常,但是当我想要更改每个组件打开模态时,我总是从团队数组中的第一个对象获取数据 . team.component.html <app-team-box *ngFor="let team of teams" [team]="team"><... -
7 votesanswersviews
Angular将多个模板传递给Component
我正在尝试创建一个接受多个模板作为输入的组件 . 这是我的例子: @Component({ selector: 'data-list', styles: [ require('./data-list.component.scss') ], template: ` <ng-template *ngFor=&... -
0 votesanswersviews
Angular 4 - 对可观察订阅中的'this'的引用似乎是指旧数据
我有一个 EditItems 组件用于编辑 items . 在 ngOnInit() 中,我订阅了一个observable,它位于我的 dataService (一个用于处理我所有数据调用的中央Angular服务) . 当observable的数据发生变化时,我的 subscribe 方法被调用: ngOnInit() { this.myItemsSubscription = thi... -
3 votesanswersviews
Angular 4 ComponentFactoryResolver带动画?
我尝试创建一种Viewcontroller服务,它创建(并销毁)动态组件(类似于ViewController ind Ionic) . 向新组件添加一些滑动或渐弱动画会很好,但我还不知道如何做到这一点 . 我知道角度路由器,它允许动画,但我更喜欢不使用路由器的解决方案 . 到目前为止,这是我所得到的并且运作良好 . @Injectable() export class ViewController... -
0 votesanswersviews
't bind to ' valueToPass ' since it isn' t 'app-departments'的已知属性
我对Angular2项目有一个问题 .我有两个组件,Departments组件和Full-Layout组件 .我正在尝试使用 Input() 将数据从Full-Layout组件传递到Departments . full-layout.component.ts import {Component, OnInit} from '@angular/core'; @Component({ selec... -
0 votesanswersviews
Angular - 父事件完成时对子项的确认
Context:处理具有内联编辑功能的通用数据表 . Components: 父母最大的组成部分 - data.table.component.(ts|html|css)子组件 - data.row.component.(ts|html|css)子组件 - data.cell.component.(ts|html|css) Process:从data.cell.component启用内... -
0 votesanswersviews
为什么我的角度应用仅在我调整屏幕大小时更新结果?
我3天前开始使用Angular和Reactive编程,所以我对这项技术不熟悉 . 我已经成功实现了一个 spring 启动后端服务器,它将通过标签给我推文 . 现在,我正在尝试向我的角度应用程序中的列表组件显示每个收到的消息 . 我已经成功登录到控制台搜索结果,但是我的 ngFor 无法正常工作...我没有错过良好的做法 . 这是我的角度应用程序实现 我的反应性Twitter服务: import ...