angular2-markdown 模块失败答案

【问题标题】：angular2-markdown module failsangular2-markdown 模块失败
【发布时间】：2023-03-29 22:40:02
【问题描述】：

我正在尝试在我的 angular2 项目中以表单的形式创建一个降价编辑器，为此我在我的项目中安装了 angular2-markdown 模块。不幸的是，当我尝试使用它时，我遇到了这个错误：“标记”不是函数。错误来自这些行：

// 将 markdown 完成为 html

公共编译（数据：字符串）{

返回标记（数据）；

}

你知道我可以做些什么来解决这个问题吗？

这就是我在组件中创建 Markdown 输入的方式：

<textarea [(ngModel)]="textData" [ngModelOptions]="{standalone: true}">
</textarea>
<markdown [data]="textData">

【问题讨论】：

您是创建编译函数还是来自 angular2-markdown 模块？如果您创建了它，请确保将您定义标记函数的模块导入到包含编译函数的模块中。如果它是 angular2-markdown 的一部分，请确保它已正确安装及其所有依赖项。
我的项目的 PATH 有问题，所以我只是手动 c/p 降价模块。我认为导入标记函数的模块是正确导入的，因为我在执行“import * as marking from '../../node_modules/marked/index';”时没有错误
如果我尝试做一个 console.log 来显示标记的变量我有一个对象。

标签： angular npm markdown

【解决方案1】：

我不知道降价，但以下建议适用于一般角度、打字稿和开发角度组件。

<markdown [data]="textData">  --> markdown is a component selector and not a function/method in a class

return marked(data);  --> marked() is called so its expected some where its defined. so if you are expecting to be available some here in markdown library, create an object of it and then use it.

const myMarkLib = new MarkLib();
markLib.markdown();

【讨论】：