问题标签 [viewchild]

如果我的 fileInput 元素在一个普通的 div 中，那么它工作正常。但是如果我把它放在里面，<ng-template></ng-template>那么我会得到它的未定义。

这是我的代码：

HTML

TS

import { Component, OnInit, ViewChild , ElementRef} from '@angular/core';

请建议我如何从 ng-template 访问 ViewChild

我试图通过@ViewChild() 获取输入字段的值。然而，即使它似乎有效，这个方法还是触发了应用程序的意外刷新：

-单击触发事件的按钮后立即刷新应用程序

- 使用导航栏浏览应用程序时应用程序刷新一次

模板：

组件.ts：

我有一个可以显示切换按钮的共享组件，此切换按钮可让您在两个子组件之间切换，这两个组件必须作为调用 SharedComponent 的父级的输入传递。请问有什么想法吗？

我有一堂课。这个类的一个属性被命名为model_number。我在这里要做的是使用 ViewChild 设置此属性的属性“DOMelement”。

编码 ：

但它无法编译并出现很好的语法错误。我怎样才能做到这一点：

我正在开发 angular2 应用程序，其中我的父组件会弹出一个子组件

我想要做的是：从子组件（在父组件内弹出）按下保存按钮时，重新渲染父组件以进行反射（而不是重新加载整个页面）。

我知道这会重新渲染当前组件，但是如何从 @ViewChild一个

我在我的应用程序的主页上设计了一个元素，单击该元素会更改活动选项卡。

我曾经做过以下事情：

但这第一次不起作用，如果从未访问过上述选项卡（请参阅https://github.com/ionic-team/ionic/issues/12592）

我在 Github issue 中看到有人建议模拟点击选项卡。

我正在尝试ViewChild这样做，但无法使其工作。

如何触发标签的点击功能？

我有一个像这样的组件：

使用这样的模板：

当我第一次浏览到包含组件的页面（或刷新页面）时，控制台将 offsetWidth 记录为 504，这是正确的大小，因为包含该元素的封闭 div 就是该大小。但是，当我导航到另一个页面然后返回到这个页面时，它会报告一个不同的大小 (308)，这与它所在的容器不匹配。此外，如果我导航到另一个页面，然后返回到这个页面，它会报告一个不同的大小 (126)。

页面本身不会改变——这个组件的容器不会改变大小。我已经在 Chrome 调试器中验证了这一点 - 无论我加载新页面还是从其他页面导航到它，封闭 div 的宽度都是 504。

什么会导致 offsetWidth 根据我导航到的其他页面以不同方式报告？？？

我在应用程序中使用原生 angular 4 路由，并且我有嵌套/子路由。我不知道这些信息是否有用。

非常感谢这里的任何帮助。

我需要将组件 A 传递给另一个组件 B。组件 B 需要访问 A 的 nativeElement。我设法让它像这样工作：

容器

模板

控制器

B组份

有没有办法让它在没有 ViewChild 的情况下工作，只需传递模板引用？

它应该如下所示：

现在，如果我这样做，我将无法访问 nativeElement。

我有这个奇怪的错误，但没有找到任何类似的东西。我在我的网站上使用 ng2-canvas-whiteboard 组件作为绘图画布，一切正常，除非我尝试使用以下方法获取对该画布的引用：

正如官方文档所建议的那样，我收到了这个错误：

有什么建议么 ？谢谢

我试图多次调用组件 HTML，但没有在父组件中再次包含子组件。

我需要它是这样的：

在我按下按钮之前，子组件中的 html 是隐藏的。

问题是我想在按下按钮时多次显示子组件的 html。

据我所知，@ViewChild 只实例化 html 一次，所以如果我尝试将该 html 附加到另一个 div，它将附加相同的内容。我需要知道是否有办法在我调用函数时实例化一个新的@ViewChild。