问题标签 [viewchild]

目前，我可以通过上下按箭头键来浏览列表中应用 css 类“message-list-active”的每条消息。当我点击行时，我触发点击功能并传递消息对象。但是当按箭头键时似乎无法触发单击元素，我尝试通过#fire 单击它，但它只单击第一个元素并且不允许我转到下一个列表。

应用程序.html

组件.ts

如何使用向上/向下箭头键在选定行（对象）上触发点击功能？

我的问题是关于 Angular 2/4/5 模块。

从模块中使用 @ViewChild 时无法使它工作，孩子是未定义的。在我将它用作简单组件之前，它运行良好。*试过@ViewChildren 也...同样

代码示例 -

app.module.ts -

app.component.ts -

模块/MyNewModule/MyNewModule.module -

模块/MyNewModule/MyNewModule.ts-

当尝试在线搜索答案时，我发现的唯一解决方案是尝试@ViewChildren，或者它可能会发生，因为视图尚未初始化。所以我什至尝试在 5 秒的超时时间内完成它......结果相同。再次使用相同的代码，但作为一个简单的应用程序而不是模块工作正常。

谢谢阅读 ！:)

我有一个使用段的离子应用程序，在一个段上我想显示谷歌地图。当我们首先加载这个段时它可以工作，但是当我转到另一个段并且我想回到谷歌地图段时，我收到一条错误消息。我不知道如何解决这个问题。

TypeError：无法读取未定义的属性“nativeElement”

HTML

打字稿

如何获取当前组件的内容？

假设我FooComponent在另一个组件中使用了它，如下所示：

我如何bar提取FooComponent？

试过这个，但得到val = null：

出于某种原因，我的 Angular 5 应用程序中的 @ViewChild 不起作用。我在我的组件中这样定义它：

case-detail.component.html:

我已经@ViewChild在我的控制器（在构造函数之上）中实现了这样的：

case-detail.component.ts

我想在组件中访问它： case-detail.component.ts

我已经实现了AfterViewInit接口。ngAfterViewInit() 被正确调用。然而，this.tabContentElement总是undefined。

任何帮助是极大的赞赏 ：）

我目前正在学习角度 ViewChild，但是在使用 ViewChild 从 DOM 中选择自定义引用变量时，我似乎遗漏了一些东西。

在我的模板中，我有两个表：

我正在尝试对它们进行排序：

然后我尝试在以下位置启动它们ngAfterViewInit()：

结果是，当我单击标题对每一列进行排序时，两个表上都没有发生任何事情。我确定我在这里忽略了一些简单的东西，但我看不到它是什么。如何使这些表中的每一个彼此独立排序？

代码：https ://stackblitz.com/edit/dynamic-child-inside-parent-component

代码说明：

我在单击父组件中的按钮时动态创建了子组件。我已将输入从父组件传递到子组件（@Input）以跟踪按钮单击计数器值。但是当我从子组件中删除并添加时我再次得到计数器值错误。我已将按钮单击限制为 5 次。

示例场景：我已单击按钮 5 次，因此如果我删除 5 个子组件中的任何一个（例如我删除事件 5）并再次单击父组件的添加事件按钮，则子组件会呈现 5 次，我会得到重复的事件 5？有没有办法更新子组件中的计数器值？任何帮助将不胜感激。请参阅我创建的示例以了解，在此先感谢。

div 看起来像这样：

如果包含元素很重要，则容器是一个 flexbox 行；我需要知道我添加到行中的新元素是否适合而不引起换行。

因此，我的代码将总结容器中每个元素的总大小，并将其与#container 的大小进行比较。

代码是这样的：

这就是问题所在。我不认为它是 offsetWidth ，因为我得到的数字更像是左边距。但是，如果我查看以下内容，则没有“宽度”元素：

我确实找到了一个名为（用双引号）“宽度”的元素，但我没有看到获取该属性值的方法。

有任何想法吗？在此先感谢，瑜伽士

我想使用动态添加的多个IonicSlides。但我不能使用@viewChild. 请提出解决此问题的方法。

模板.html：

组件.ts：

错误 ：

_this.slides.toArray 不是函数

我的目标是创建将某些输入放在焦点上的按钮.setFocus()。问题是这些输入是由用户动态创建的。用户选择页面中有多少输入，因此我无法静态引用输入。

而且除了动态引用的问题，还有@ViewChildor的@ViewChildren问题，因为我们不能动态的使用它们。这也是一个需要解决的问题。我尝试使用ViewContainerRef但没有成功。

我进行了很多研究，但没有发现任何可以解决我的问题的方法。这是我在 Stack Overflow 上的第一篇文章，如果我不够具体或者我提供的代码不够，请告诉我。

代码如下：

home.ts:

以及 home.html 的重要部分：

简而言之，我想做的好像'input'in@ViewChild是一个临时变量。html 代码中的引用用 表示#input。