将 mathJax 集成到我的 Angular 项目中答案

【问题标题】：Integrating mathJax in my angular project将 mathJax 集成到我的 Angular 项目中
【发布时间】：2021-11-06 03:35:22
【问题描述】：

我一直在尝试将 mathjax 集成到我的 Angular 项目中，使用 this GitHub code 并且只有一个问题是使用我的其他组件中的 mathjax 组件，而不是直接来自主应用程序组件。我不能在这里分享完整的代码，但我会分享错误以及我已经尝试过但不起作用的东西。

错误：`无法绑定到“内容”中的错误，因为它不是“mathjax”的已知属性。 ("rol" rows="3"style="resize: none; height: 100px"> ][content]='questionList[currIndex].problemText' class="box"> ") 'mathjax' 不是已知元素：

如果“mathjax”是一个 Angular 组件，则验证它是该模块的一部分。
要允许任何元素添加“NO_ERRORS_SCHEMA”到该组件的“@NgModule.schemas”。 ("form-control" rows="3"style="resize: none; height: 100px">`

我尝试过的事情：

将 NO_ERRORS_SCHEMA 添加到我的 NgModule 架构中
在我的其他应用程序组件中导入 mathjax 组件并在指令中定义它（这会出错）
使用 mathjax 声明将 NgModule 添加到我的其他应用程序组件中，但这也无济于事。

如果您需要更多信息来给出答案，请询问我会立即回复，我现在有点没时间了。任何帮助将非常感激。提前谢谢你

【问题讨论】：

标签： angular angular-material mathjax

【解决方案1】：

您需要使用 mathjax 组件中 div 的 innerHTML 属性传递数据。

<div id="mathContent" [innerHTML]="content"></div>

来自https://github.com/shubhvjain/angular-mathjax/blob/master/src/app/mathjax/mathjax.component.html

【讨论】：

是的，我试过这样：<app-mathjax [content]='questionList[currIndex].problemText' class="box"></app-mathjax> 但这似乎无济于事，因为错误说它无法识别 app-mathjax，我需要先声明它，我已经这样做了.
这里有两个单独的问题：1) MathJaxComponent 没有在使用它的模块中声明。所以你应该把它添加到模块中的declarations 数组中。 2) Angular 认为您将content 作为属性（使用@Input content）传递给可能只是一个常规组件的<app-mathjax> 组件。如果您没有将该变量定义为该组件的输入，Angular 将会抛出错误。 <div id="mathContent" [innerHTML]="questionList[currIndex].problemText' class="box"></div> 组件中有什么？