问题标签 [viewchild]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
66 浏览

angular - 如何将焦点放在角度2中的不同文本框上

我有超过 25 个文本框,我需要根据用户输入将焦点放在每个文本框上。

但我不想在我的 HTML 中创建 25 个不同的参考变量,这也会影响我的角度代码的长度。

我正在使用模板

和我用过的课

@ViewChild('textValue') 文本值;

this.textValue.nativeElement.focus();

所以我的问题是我是否需要创建 25 个参考变量和 25 个视图子变量

有人可以提出一些建议吗?

0 投票
1 回答
87 浏览

angular - 访问子元素

我认为做到这一点的唯一方法是服务,但我想知道是否有任何其他方式是可能的。

家长:

孩子:

从孩子我可以使用@ViewChildren 访问:

但是有可能从父母那里访问所有这些吗?

0 投票
1 回答
731 浏览

angular - 在 Angular 中设置 @ViewChildren 的属性

在我的 html 模板中,我有多个由 *ngFor 生成的元素。

我成功地订阅了 ngAfterViewInit 生命周期钩子中的值更改。

但是,我无法通过代码设置.checked 属性。

有人发现我的错误吗?非常感谢任何帮助!

我本来希望能够像这样设置我的属性

0 投票
3 回答
12564 浏览

angular - 以角度 2/4 动态添加组件

如何动态添加组件?

工具栏.component.ts:

section.component.ts:

text.component.ts:

view.component.ts:

当我单击 ToolBarComponent 时,我想将 TextComponent 添加到具有“活动”类的 SectionComponent 中。

0 投票
1 回答
2681 浏览

angular - Angular 4,将数据从父组件发送到子组件问题

您好,有人可以向我解释如何使这项工作正常工作,因为我在使用 viewChild 指令方面不是很有经验......

这是交易,我正在开发一个角度小的crud应用程序,并且有一个包含我的数据的填充表,在每一行我都有一个删除按钮,它打开一个小的确认窗口我已经设法获得模态(ngx- bootstrap 3)点击打开,现在我必须弄清楚如何从我的父组件调用函数,我的http请求与我表上的按钮一起工作,但当我尝试修改它以打开模式并发出删除请求时却不行点击确认按钮...

这是一些代码,在我的父 app.component.html 小表中......

在我的父组件 app.component.ts 中

这是我想在打开的模式中从父组件调用的函数。

Id 来自我的数据库,未在表中显示,我不知道如何将其传递给模态

在子组件中我有

在子组件 .html

希望您理解我的问题,子 .html 中的确认按钮应该触发 DeleteEmployee 函数并使用表中的 Id 发出删除请求...我知道它必须对输出和事件发射器做一些事情,但我不知道,谢谢 :(

0 投票
1 回答
2284 浏览

javascript - @viewchild 无法从子组件获取输入元素值

我正在使用父子组件。在子组件中,我使用搜索框。我需要随时按需获取搜索框值。如何得到这个?

子组件 html - GridViewComponent

父组件 ts

在构造函数之前写上一行

无法按需获取输入值

0 投票
1 回答
62 浏览

javascript - 从父组件Angular更改输入值?

每次单击输入时,我都需要更改自定义值的输入值。这是代码。我试过了@ViewChild,但它只在第一次工作。如果我在第一次单击组件后粘贴某些内容 - 当我再次单击输入时,值不会改变。为什么会这样?谢谢

0 投票
4 回答
49748 浏览

angular - 在 Angular 材质表上调用 renderRows()

在更新表中使用的数据后,我试图让我的 Angular 表刷新。

文档说“你可以通过调用它的 renderRows() 方法来触发对表的渲染行的更新。” 但它不像普通的子组件,我可以在其中使用“@ViewChild(MatSort) sort: MatSort;” 因为我不导入它。

如果我确实导入它并尝试类似 @ViewChild('myTable') myTable: MatTableModule; 然后我收到一个错误,指出该类型上不存在 renderRows()。

我怎么能调用这个方法?谢谢!

我的表格代码片段:

0 投票
3 回答
11222 浏览

angular - 在组件内打开模式弹出窗口时,表达式已更改错误

我有一个父组件,我正在使用 @ViewChild() 将一些 HTML 从它传递给一个子公共组件。

当子组件加载弹出窗口时。控制台抛出以下错误。

“ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后发生了变化。以前的值:'ngIf:undefined'。当前值:'ngIf:这是描述'。看起来视图是在其父级及其子级经过脏检查后创建的。它是在变更检测钩子中创建的吗?”

我正在使用来自 '@ng-bootstrap/ng-bootstrap' 的 { NgbModal };

这是代码。

更新 - 此父组件在另一个父 html 文件中称为 app-parent-component。

父组件

父 HTML

CommonChildPopup 组件

CommonChildPopup HTML

上面的控制台错误是针对这一行 ngIf="description"。如果我删除这一行,下一行也会出现同样的错误。请帮忙。

0 投票
5 回答
12248 浏览

angular - @Viewchild 看不到 matSort

在我的 Angular 应用程序中,我的 @ViewChild 实例无法填充 HTL matSort。

mycomponent.ts:

我的组件.html:

我需要使用 matSort 中的 sortChange,但它总是返回未定义。