Question

我正在尝试使用在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的类型，但它是作为字符串绑定的。如何使其绑定到对象而不是对象的字符串化版本？

Answer 1

如果您写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>

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

1 个答案: