Angular Пользовательский элемент не привязывает объект к вводу - PullRequest
Новая
       32

Angular Пользовательский элемент не привязывает объект к вводу

0 голосов
/ 18 марта 2020

Я пытаюсь использовать пользовательский элемент, созданный в 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, он связать как строку. Как я могу сделать так, чтобы он привязывался к объекту, а не к строковой версии объекта?

1 Ответ

0 голосов
/ 18 марта 2020

Если вы пишете context= angular ожидает строку.

В вашем случае используйте [context]=, поэтому angular обрабатывает это как объект. 

<!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>
...