时间戳

首页 > 解决方案 > 从 Markdown 文件中渲染角度分量

angular - 从 Markdown 文件中渲染角度分量

问题描述

我有markdown文件，我确实使用了普通的HTML标签，但我也想使用角度组件选择器，但没有成功。在 angularjs 的情况下，我可以使用 compile 函数来完成它，但在较新的 angular 中，这个过程看起来要复杂得多。这是一个例子

我想重新创建 Angular 团队如何制作他们的指南页面的过程。特别是角材料库。指南写在降价中，但我不知道他们如何能够将示例组件嵌入到这些页面中。选择器在 markdown 文件中添加的组件不会被渲染。

标签： angularangular-material

解决方案

您的解决方案位于Angular Elements中。使用 Angular Elements，您将能够将任何 Angular 组件用作普通的 HTML 组件。令您惊讶的是，这与 Angular 团队用于文档的方法完全相同。例如，您有一个组件，例如

@Component({
  selector: 'my-comp',
  templateUrl: './my-comp.component.html',
  styleUrls: ['./my-comp.component.scss'],
})
export class MyComp{
  @Input() message = '';
}

您可以像在直接添加到 DOM 的内容中的内置 HTML 元素一样使用该组件：

<my-comp message="hello"></my-comp>

在这里查看 Angular 的 Angular 官方文档

推荐阅读