角度自定义元素未将对象绑定到输入

问题描述 投票:0回答:1

我正在尝试使用在Angular 8.2中创建的自定义元素

这里是代码。

    <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Custom Element just</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script defer src="my-custom-elements-bundle.js"></script>
</head>
<body>
  <my-custom-element context='{"id":"1", "country":"US", "language":"EN"}'></my-custom-element>
 </body>
</html>

尽管上下文应该是IContext的类型,但它是作为字符串绑定的。请提出建议。

angular web-component custom-element
1个回答
0
投票

如果编写context=,angular期望使用原始数据类型,例如:字符串,布尔值或数字。

在您的情况下,请使用[context]=,因此将其视为对象。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Custom Element just</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script defer src="my-custom-elements-bundle.js"></script>
</head>
<body>
  <my-custom-element [context]='{"id":"1", "country":"US", "language":"EN"}'></my-custom-element>
 </body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.