Javascript 从Web组件中的函数访问属性

我正在将一个项目从角度转换为Web组件/自定义元素，并试图通过为以下文本字段创建绑定来替换

ng model

：

<input type="search" class="form-control search_input" placeholder="Search for someone new" value$="[[userLookup:input]]" required autocomplete="off">

---

如何从

lookupUser

函数内部访问

userLookup

属性（绑定到文本字段的属性）？

您已经使用

this.userLookup

从

lookupUser（）

正确地访问了

userLookup。事件处理程序的上下文（即，
this
）是聚合元素实例

但是，您的数据绑定是不正确的单向数据绑定，因此不会更新
userLookup
。这种类型需要是双向的（即带花括号），并且不能使用属性绑定（即
$=
）

正确的用法应该是这样的：

<input placeholder="Search for someone new"
       value="{{userLookup::change}}" />




<input placeholder="Search for someone new"
       value="{{userLookup::change}}" />