时间戳

首页 > 解决方案 > 用于初始绑定的 Angular v6 元素 @Input() 不起作用

angular6 - 用于初始绑定的 Angular v6 元素 @Input() 不起作用

问题描述

我创建了一个自定义元素并放置在这样的页面上：

<my-custom-element [value]="100"></my-custom-element>

在组件定义中，我有这个：

@Input() value: number = 50;

在运行时，该值始终为 50。我希望它为 100。如果我删除默认值，则值未定义。我错过了什么？

谢谢！！

标签： angular6

解决方案

您可以使用 vanilla js设置数据HTML attributes和更改/更新数据，并分配如下数据Angular Elementsquery selector

带有初始的自定义元素标签value = 0

<my-custom-element value="0" ></my-custom-element>

通过查询选择器选择自定义元素并赋值。

var customElement = document.querySelector('my-custom-element');
customElement.value = 100;

推荐阅读