Angular Elements - 是否可以数据绑定输入？答案

【问题标题】：Angular Elements - Is it Possible to Data Bind Inputs?Angular Elements - 是否可以数据绑定输入？
【发布时间】：2021-08-18 02:54:35
【问题描述】：

我在互联网上到处搜索，但我无法找到答案。我想知道是否可以在将 Angular 元素的输入转换为脚本并带入纯 HTML/JavaScript 文件之后对其进行数据绑定。我已经在 Angular 环境中测试了数据绑定 Angular 元素，它运行良好。只有当我将它作为脚本输出到纯 HTML/JavaScript 时，它才会停止工作。是否可以这样做，如果可以，请给我一个例子？

我们有一个名为 my-element 的 Angular 元素，我想将一个布尔值数据绑定到它的输入。

public _random: boolean = false;
@Input()
get random(): boolean {
   return this._random;
}
set random(value: boolean){
   this._random = value;
}

然后在纯 HTML/JavaScript 文件中，我们将 Angular 元素作为脚本引入

<my-element [random]="true”></my-element>

【问题讨论】：

标签： javascript html angular angular-elements

【解决方案1】：

是的，这是可能的。单向数据绑定将数据从组件绑定到视图 (DOM) 或从视图到组件。单向数据绑定是单向的。您只能将数据从组件绑定到视图或从视图绑定到组件。

Angular 中的双向数据绑定将帮助用户从组件到视图以及从视图到组件交换数据。它将帮助用户建立双向通信。欲了解更多信息Explained here

【讨论】：

【解决方案2】：

<my-element [random]="'true'"></my-element>

实际上，您在这里尝试设置字符串类型值。你已经声明为布尔值。所以，这就是为什么不工作。所以，代码将是......

<my-element [random]="true"></my-element>

【讨论】：

我很抱歉这是我的错字。我的意思是把它写成问题中的双引号。
如果你能分享你的代码会更好吗？