-
1 votes1 answers641 views
Angular2访问另一个组件方法，而无需使用@ViewChild加载其模板
我正在尝试使用@ViewChild访问子组件方法，并且它可以工作，但我也被迫加载其模板，我不想这样做，因为这也会强制子组件 OnInit, AfterViewInit 和其他系统功能跑 . 我希望它们只在我在不同的场景中调用这个子组件时运行，但我想在AppComponent中按需访问这些子自定义方法 . So how do I do it? 这是一个描述问题的掠夺者：http://plnkr.co... -
4 votes1 answers153 views
viewChild如何获取在angular2中添加了js的元素？
如果已将一个HTML元素添加到DOM中（例如在单击按钮后），我们如何访问此元素？ viewChild看不到 . Update 1: 更多说明 我使用了jquery数据表（jquery.dataTables definitelyTyped version） . 基于this链接，我可以添加新列并在其中定义html . 我写了这段代码： columnDefs: [ ... -
18 votes3 answers486 views
Angular 2 @ViewChild返回undefined
我查看了几个相关的帖子和文档，但仍然无法从@ViewChild获得预期的行为 . 最终，我正在尝试设置div的滚动位置 . 此元素不是组件，而是HTML中的普通div . 为了实现这一点，我试图使用@ViewChild来获取我需要的DOM元素，并设置其滚动值 . （顺便说一句，如果你知道一个更好的方法来实现这个没有@ViewChild（或jQuery），将非常感谢答案！） 目前，@ ViewCh... -
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 answers1102 views
@ViewChild和@ViewChildren始终返回未定义，即使没有使用* ngIf
我在一个较大的项目中引用子组件时遇到了问题，因此我将这些组件放入项目中仅仅是为了我自己的理智检查 . 在任何情况下@ViewChild和@ViewChildren总是返回undefined . 我需要的是获得子元素的位置和尺寸...... 我该怎么办才能解决这个问题？ Components are exported through a module... Used in view like thi... -
0 votes1 answers1712 views
以角度5访问动态子组件内的父数据
代码：https://stackblitz.com/edit/dynamic-child-inside-parent-component 代码说明： 我在单击父组件中的按钮时动态创建子组件 . 我已经从父组件传递输入到子组件（@Input）以跟踪按钮单击计数器值 . 但是当我从子组件中删除并添加时我再次得到计数器值错误 . 我已将按钮点击限制为5次 . 示例场景：我已经点击了5次按钮，所以如果我删... -
2 votes1 answers1935 views
对于观察者来说，偏移和离开
我在* ngFor中有一个动态创建的组件，如何在ViewChildren中获取它们后获得offsettop和offsetleft . 模板 <anchor #myanchor></anchor> 类 @ViewChildren('myanchor') anchors: QueryList<any>; 这是ngAfterViewInit ngAfterView... -
1 votes2 answers1035 views
如何导航到Ionic 2应用程序
我正试图在Ionic 2中做一个小应用程序，但我无法导航...我已经阅读了文档，导航内容，navController，StackOverflow上的一些帖子......我试了好几个小时但是我被卡住了！我有几个问题 . 我必须找到一种方法在我的app.js中使用 navController ，我感谢 @viewChild 和StackOF . 我不完全理解这个原则 . 我设置 rootPage: a... -
0 votes1 answers1143 views
将信息从2个子组件传递到父组件
我有一个父组件（A）和2个子组件（B，C） . 父组件包含页面的基本布局，不会在所有布局中更改 . 当用户选择不同的按钮时，我需要在页面中间交换内容 . 步骤1：单击父组件A中的按钮 - >刷新到B步骤2：用户单击子组件B上的按钮 - >刷新到C 由于我必须坚持不懈地保持组件A的基本布局，有哪些方法可以实现第2步？ -
2 votes0 answers1691 views
在祖父母和子角2之间传递数据
在angular2我有一个addproperty组件（祖父母）和addproperty2组件（父）和一个复选框组件（子） . 在祖父母中有一个带有 add 按钮的表单，如果用户点击父组件中的复选框将再次显示 add 按钮存在 . 祖父母html： <div *ngIf="page2"> <add-property-page2></add... -
1 votes1 answers853 views
Angular Jasmine：使用spyOn测试子组件的输出
我正在将一个测试套件（Karma Jasmine）实现到我们的Angular App中，但是我遇到了这个具体案例的问题 . 假设我需要测试一个名为MessageComponent的组件，它发出一个按下按钮的事件 . 如果我从父级测试事件，如何确保事件正确发出？ 这是一个例子： @Component( { selector: "cw-message", templ... -
2 votes0 answers119 views
如何使用带有数据表的ts代码中的@ViewChild从父组件向子视图注入DOM
这是创建数据表的父组件： import {CollectedItemsDynamic} from "../collected-items-datatable/collected-items-dynamicView"; declare var $: any; @Component({ selector: 'sa-datatable-roi', ... -
1 votes2 answers718 views
无法从Angular 4中的viewChild元素调用函数
我试图以编程方式触发click事件使用 @ViewChild 来调用一个名为open（）的函数我总是得到错误 Cannot read property 'close' of undefined // 零件 import {Component, OnInit, OnChanges, ViewChild, ElementRef} from '@angular/core'; export class ... -
0 votes1 answers722 views
无法通过ViewChild检索元素的宽度和高度，就像这里的其他答案一样吗？
所以我有一个Angular组件，在打字稿之前的HTML就是： <svg #linechart id="chartSpace"></svg> 为了创建一个以折线图为特色的响应式网页，我决定相对于视图设置高度和宽度： #chartSpace { width: 100vw; height: 50vh; } 然后为了获得用于缩放图表轴的高度/宽度，我在Stack... -
1 votes1 answers313 views
Angular 4，将数据从父组件发送到子组件
Hellou，有人可以向我解释如何使这项工作正常，因为我在使用viewChild指令方面不是很有经验...... 这是交易，我正在研究一个角度小的crud应用程序，并且我的数据有一个填充表，每行我有一个删除按钮，打开一个小的确认窗口，我已设法获得模态（ngx- bootstrap 3）打开点击，现在我必须弄清楚如何从我的父组件调用函数，我的http请求使用我的表上的按钮，但不是当我尝试修改它以打开... -
7 votes2 answers1743 views
在Angular Material Table上调用renderRows（）
我正在尝试在更新表中使用的数据后刷新我的Angular Table . 文档说“你可以通过调用renderRows（）方法触发对表的渲染行的更新 . ”但它不像普通的子组件，我可以使用“@ViewChild（MatSort）排序：MatSort;”因为我不导入它 . 如果我导入它并尝试类似@ViewChild（'myTable'）myTable：MatTableModule;然后我收到一个错误，指... -
0 votes1 answers1553 views
Angular 2 @ViewChild无效 . 无法读取未定义的属性“ Headers ”
即使在使用@ViewChild导入后，我也无法访问组件的属性 . 下面是代码 . header.monitor.component.ts import { AdminComponent } from 'admin/admin.component'; import { Component } from '@angular/core'; import { ViewChild, AfterViewIni... -
3 votes1 answers1504 views
angular 2从@ViewChild组件重新渲染父组件
我正在开发angular2应用程序，其中我有一个弹出子组件的父组件 @ViewChild(childPopupComponent) case: childPopupComponent; 我想要做的是：当从子组件（在父组件内弹出）中按下保存按钮时，重新渲染父组件以进行反射（而不是重新加载整个页面） . 我知道这会重新渲染当前组件，但是如何从 @ViewChild 中重新渲染 this.ref.de...