Визуализация файла jupyter notebook html в проекте Angular

Question

Я создал новый проект angular (angular 8). Также у меня есть один файл блокнота jupyter (скажем, python_practice.ipynb), я скачал файл python_practice.ipynb как html файл, так что это не python_practice. html Внутри компонента. html Я вставил содержимое python_practice. html для визуализации содержимого. Но я получаю синтаксические ошибки в консоли браузера, и содержимое не отображается.

Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("


</html>
[ERROR ->]"): ng:///AppModule/ToolsComponent.html@18132:0
Invalid ICU message. Missing '}'. ("n class="o">=</span> <span class="p">[</span><span class="s1">&#39;col1&#39;</span><span class="p">,[ERROR ->]</span> <span class="s1">&#39;col2&#39;</span><span class="p">]</span>
<span class="n">data</span> <s"): ng:///AppModule/ToolsComponent.html@12695:132
Invalid ICU message. Missing '}'. ("39;Gender&#39;</span><span class="p">:</span><span class="s1">&#39;Male&#39;</span><span class="p">,[ERROR ->]</span><span class="s1">&#39;Address&#39;</span><span class="p">:</span><span class="s1">&#39;Hyderab"): ng:///AppModule/ToolsComponent.html@12788:378
Invalid ICU message. Missing '}'. ("39;Gender&#39;</span><span class="p">:</span><span class="s1">&#39;Male&#39;</span><span class="p">,[ERROR ->]</span><span class="s1">&#39;Address&#39;</span><span class="p">:</span><span class="s1">&#39;Hyderab"): ng:///AppModule/ToolsComponent.html@12854:378
Invalid ICU message. Missing '}'. ("39;Gender&#39;```

Moreover, inside my terminal I am getting errors like this :- 

"Invalid ICU message. Missing '}'.",
"Unexpected closing tag \"h1\". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags",
```

Но когда я открываю файл python_practice. html независимо, он корректно отображает страницу. Что мне не хватает? Разве я не могу использовать синтаксис html + css + javascript внутри angular? Каковы возможные решения для решения этой проблемы? Дайте мне знать, если вам нужна дополнительная информация. Спасибо.

Редактировать: - python_practice. html файл можно найти здесь https://github.com/giteshjha/SharedFiles/blob/master/python_practice.html

Answer 1

Angular ожидает еще одну фигурную скобку в некоторых строках в вашем HTML, строка 12789 имеет одну фигурную скобку {, поэтому вам нужно ее избежать, чтобы избежать этой ошибки,

попробуйте этот ответ: Ответ