首页 文章
  • 0 votes
     answers
     views

    Angular 5事件 Launcher 触发两次

    我正在使用角度5.我使用eventemitter将数据从一个组件传递到另一个组件 . 首先单击事件 Launcher 不订阅子组件中的值 . 在第二次单击事件 Launcher 触发两次 . Headers 组件.ts this.testservice.sendsearchdata.next( this.searchdataform.value) 搜索component.ts this.test...
  • 2 votes
     answers
     views

    Angular 2形成OnPush

    我正在编写一个角度2的应用程序,我尝试在任何地方使用ChangeDetectionStrategy.OnPush,出于性能原因 . 我有一个复杂的组件,需要OnPush才能顺利工作,其中包含另一个显示表单的组件(使用FormBuilder创建) . 我现在注意到,当我点击一个滑块时,它的内部值会更新(即form.value),但滑块组件不会显示这个新值,即它会卡在旧位置 . 我解决这个问题的第一个...
  • 6 votes
     answers
     views

    Angular 2 OnPush更改动态组件检测

    我有一个Angular组件,可以在其自身内部动态创建各种其他类型的组件 . 它通过 OnChanges 钩子将自己的属性绑定到子组件 @Input 属性 . 当子组件的更改检测设置为“默认”时,此绑定可正常工作 . 然后检测新输入并更新组件模板 . 但是,当更改检测为OnPush时,它不起作用,则不会检测到更改 . 我相信应该检测到更改,因为新的不可变对象(字符串)被分配给组件 @Input 属性...
  • 8 votes
     answers
     views

    更改检测问题 - 为什么当它与On Push相同的对象引用时会发生变化

    我认为在讨论之后我对Angular Change检测的工作方式非常清楚:Why is change detection not happening here when [value] changed? 但看看这个插件:https://plnkr.co/edit/jb2k7U3TfV7qX2x1fV4X?p=preview @Component({ selector: 'simple', tem...
  • 1 votes
     answers
     views

    Angular 2 detectChanges vs setTimeout()

    我'm facing an issue regarding angular 2 change detection. I'm使用了一个使用'onPush'策略的组件,我将') so I' onPush ') so I' ve添加了changeDetector.detectChanges()到我的代码中,它导致 Maximum call stack size exceeded . 我愣了一下,结束了...
  • 1 votes
     answers
     views

    ChangeDetectionStrategy OnPush - 如果输入是异步的,如何触发更改检测

    以下是我在onPush变化检测策略上的不足之处 . 如果发生以下任一情况,则触发OnPush更改检测 在组件上收到绑定事件 . 输入已更新 . Async 管道收到了一个事件 . 手动调用更改检测 . 从上面的列表中, An input was updated 必须是引用更改,因此输入必须是不可变的 . 这是我的情景 . 我有父组件 Parent ,我订阅了一个observab...
  • 2 votes
     answers
     views

    如何使用angular2从按钮单击父组件到子组件进行通信?

    我有一个父AppComponent和另一个名为"ChildComponent"的组件 . 他们两个共享一个名为"appState"的服务,它注入到两者中(我正在使用https://github.com/AngularClass/angular-starter,app.service.ts类在这里https://github.com/AngularClass/...
  • 2 votes
     answers
     views

    使用ChangeDetectionStrategy.OnPush在setTimeout中不会触发更改检测

    我有两个组件,我使用ChangeDetectionStrategy.OnPush . 父组件: @Component({ changeStaregy: ChangeDetectionStrategy.OnPush, template:` <button (click)="onClick()">clear</button> <di...
  • 0 votes
     answers
     views

    Angular 4,试图理解变化检测

    我试图理解变化检测和ChangeDetectionStrategy.OnPush实际上是如何工作的,这里是一个我无法理解的奇怪的例子: plnkr 我使用以下模板创建父组件: <app-matrix-reader *ngFor="let m of fooService.getMatrices()" [matrix]="m"></app-ma...
  • 2 votes
     answers
     views

    为什么ngModel不会在writevalue方法中触发changedetection?

    我写了一个非常简单的自定义表单控件和 I didn't change it's changeDetectionStrategy . @Component({ selector: 'counter', template: ` <button (click)="increase($event)">+</button> {{count...
  • 0 votes
     answers
     views

    Angular2,将事件 Launcher 触发变化检测?

    父组件有一个子组件(child1) child1组件具有输入属性person和OnPush changeDetection策略 在子组件内部,在ngOnInit中使用settimeout到可变更改人员 . 由于onPush策略,dom视图通常不会更新 但是如果我使用事件 Launcher 向其父级发出这种可变更改,而父级又改变了属性绑定(可变),则视图会更新 . 所以我的问...
  • 0 votes
     answers
     views

    Angular:在输入已更改时更新OnPush检测父级的子级

    我在更新某个父级的子组件时遇到了问题,该组件的检测策略设置为OnPush . 一个演示该问题的小应用程序已设置here on StackBlitz . 子组件中的某些操作通过事件 Launcher 输出到其OnPush父级,后者又将另一个事件发送到“祖父母” . 然后祖父母更新一些容器属性(容器引用保持不变) . 当我从OnPush组件内部执行此操作时,所有使用已更改属性的子项都将被重新呈现,没有...
  • 2 votes
     answers
     views

    Angular 2 [typescript]使用json模型从子组件UI更新父组件UI的模型值

    如何将json 'oup' 值从子组件更新为父组件 . 当我尝试将输出事件的子模型中的值更新为父组件时,无效 . 我在下面提供了所有细节 数据处理: json: [{ "inp": "hello", "oup": "fello" }] 父组件 // Parent Component @C...
  • 3 votes
     answers
     views

    在Angular 2中将函数从Parent传递给Child组件

    我在Parent Component中有一个Array( mMemberCount ),根据这个数组的大小,子组件(Reusable)附加到Parent组件 . <member-template *ngFor="let item of mMemberCount" [title]="item.relation" [memberid]="item...
  • 0 votes
     answers
     views

    Angular 2组件父对象与对象的通信

    当您为子组件分配原始值(字符串,数字,布尔值)时创建父组件和子组件时,您必须使用eventemitter创建@Input和@Output以获得双向通信 . 到现在为止还挺好 . 但是,当我使用@Input将复杂的Object分配给我的子组件时,我在Object中更改了一些值,然后我也在Parent组件中看到了这些更改 . 因为我正在编辑一个对象引用 . 所以我的问题是,我应该避免在我的子组件中设置...
  • 6 votes
     answers
     views

    订阅Angular中父组件的更改

    我有一个父组件,它包含一个子组件列表 . 这些孩子是动态创建的,可以是任何类型 . 所以,我正在做的是在父组件中使用 ng-container 作为主机,使用 ComponentFactoryResolver 创建子组件,然后使用```(component.instance as any)更新子组件中的一些属性.id = host.id ;```` 这是父组件的代码(它是一个包含一些行的表): &...
  • 0 votes
     answers
     views

    angular 2 - 在div上单击,将对象传递给另一个组件,另一个组件使用该对象来调用rest服务

    在父(ParentComponent)中加载所有父数据onInit方法 . 现在,如果我点击单个父级,它会通过将parentId从ParentComponent传递给ParentDetailComponent来触发子视图,而ParentDetailComponent会调用ParentDetailService并获取IParent对象 . 现在我尝试使用* ngIf来显示ParentDetailCo...
  • -2 votes
     answers
     views

    应用程序组件未启动 - Angular2

    关于我的申请,请在这里解释: - 工作簿是具有下拉列表的父组件 . 下拉列表的Onchange事件将触发PivotGrid组件(它是Workbook组件的子组件),以加载和绑定PivotGrid . 绑定/加载PivotGrid网格后,它应该加载PivotGrid的选择器 . 此选择器位于此PivotGrid下的名为slideout的子组件中 . 基本上每当下拉列表发生变化时,它应分别加载适当的P...
  • 0 votes
     answers
     views

    如何从父组件更新共享服务中的数据以使用angular显示在子组件中?

    我有一个父组件和一个子组件 . 两者都共享相同的服务 . 单击ParentComponent上的按钮可以使用新项更新SharedService中的对象数组 . 当我查看我的页面时,看起来ChildComponent实际上并没有使用新条目更新其{}的模板 . 我正在使用github.com/AngularClass/angular-starter . 我的SharedService是"ap...
  • 0 votes
     answers
     views

    告诉父组件从同一子组件中删除子组件

    我有一个Angular父组件,它根据一个值创建一个包含几个子组件的数组(例如,1个ParentComponent创建10个ChildComponents) . ChildComponent具有显示多个按钮的HTML,包括删除按钮 . 删除按钮同时使子组件自行删除 . 删除ChildComponent后,我该如何通知父改变?删除后,父级仍然在其ChildComponents数组中包含已删除的对象 ...
  • 1 votes
     answers
     views

    Angular 5家长和儿童沟通

    我想为Create&Edit创建组件但它共享相同的表单,所以我在另一个组件中创建表单 . 这是代码: 父:OrganizationEditComponent(我使用解析器填充组织数据) import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core'; import { FormGroup, FormCon...
  • 1 votes
     answers
     views

    更新绑定对象的内容时不会触发onChanges

    我在组件中有父子关系 . 如果我更新父组件中的值绑定对象,那么它必须在子组件中通知 . ChildComponent export class childComponent implements OnChanges { @Input() data = { name: "Datta" }; ngOnChanges() { console.log('updated'); } ...
  • 1 votes
     answers
     views

    类似的子组件不会从路由器插座加载

    我正在创建一个文件上传前端,并有文件的网格视图和文件的列表视图 . 它们都是父预览组件的子组件 . 对于网格视图和列表视图,类型脚本文件几乎完全相同 . 当用户在URL中加载包含行的页面时,页面将加载并且一切正常 . 当页面加载网址在网址中时,页面将崩溃 . 这是错误: 我无法显示代码,但我可以尽力给出概述 . 父组件只有两个指令,即子组件 . 我在与父组件关联的html中路由到它们 . 加载父组...
  • 32 votes
     answers
     views

    使用Angular 2新路由器更改页面 Headers [重复]

    这个问题在这里已有答案: how to change page title in angular2 router 12个答案 使用 new router 时,在浏览器中更改应用页面 Headers 的正确方法是什么? *使用Angular 2 CLI
  • 1 votes
     answers
     views

    Angular 2 Observable用于自定义组件

    我制作了一个组件 - 我们称之为CUSTOMSELECT,它需要一些输入,例如下拉列表,默认选择选项,标签等选项列表 . 我想在某些页面上多次使用此组件 . 例如,我需要一个CUSTOMSELECT的员工,并且在页面的嵌套组件中,我需要一个CUSTOMSELECT部门和另一个角色 . 好的,到目前为止都很好 . 使用所需数据正确显示每个实例 . 现在我想在CUSTOMSELECT的实例中发布任何选...
  • 0 votes
     answers
     views

    this.xxx.emit()无法与Angular 4中的Parent组件通信

    你好同事们,我是Angular 4的新手 . 我在Angular 4中遇到了一个典型的子父交互案例 . 我有一个子组件(uw-post-feed.component)和父组件(uw-board-page.component),我在那里发出一些数据我的父母应该听的,我已经定义了一个简单的函数和一个console.log供我父母监听,我的控制台没有显示任何错误,但是父组件没有监听子组件正在抛出的内容 ...
  • 1 votes
     answers
     views

    角度2服务,孩子和父母之间的沟通不工作?

    我有自举模式,我保存一些数据,保存后我想在文本框中选择数据 . Modal是在子组件中加载我在app模块的entryComponents中提到的 . 现在在这样的套装中进行通信我已经添加了服务来管理组件之间的通信 . 在这里我的服务 import { Injectable } from '@angular/core'; import { Subject } from 'rxjs/Subject'...
  • 0 votes
     answers
     views

    PivotGrid及其选择器无法正常绑定/工作

    我用Angular2开发了一个应用程序,IgniteUI / Infragistics PivotGrid控件来加载PivotGrid . 我们动态传递Cubes信息,即Measures / Dimensions,并将json数据与PivotGrid绑定 . 我们在他们的github演示中使用IgniteUI / Infragistics提供的Angular2包装器组件 . 关于我的申请,请在这里...
  • 0 votes
     answers
     views

    用空格填充字符串,使其在xquery osb 12 c中具有一定的长度

    我想填充一个带有空格的字符串,使其在OSB平台上的XQuery中具有一定的长度 . 我试过 string-join 和 concat ,但没有一个填充空格,因为它们认为它们是空字符串 . Sample input: <root-element xmlns=""> <string-to-pad>abc</string-to-pad> &l...
  • 0 votes
     answers
     views

    模态中的角度cli开放分量

    Angular的新手,我需要在模态弹出窗口中打开详细视图 . 除了下面问题的答案之外,我对这个问题没有太多了解,因此我可能只是一个简单的问题 . 我没有使用ngxBootstrap . 问题:Load self in modal - Angular component 当用户使用此处的技术单击子组件(sar-list)中的元素时,我已配置我们的仪表板(sar-dashboard)以显示模式:htt...

热门问题