Angular 从标记文件渲染角度组件

Angular 从标记文件渲染角度组件,angular,angular-material,Angular,Angular Material,我有一个标记文件,我确实使用了普通的HTML标记,但我也想使用angular component selector,但没有成功。对于angularjs,我可以使用编译函数来完成,但在较新的angularjs中,这个过程看起来要复杂得多。这是一个 我想重现angular团队如何完成其指南页面的过程。尤其是角材料。指南是在降价中编写的,但我不知道他们如何能够在这些页面中嵌入示例组件。由选择器在标记文件中添加的组件将不会被渲染。您的解决方案驻留在角度元素中。 使用Angular元素,您将能够使用任何A

我有一个标记文件,我确实使用了普通的HTML标记,但我也想使用angular component selector,但没有成功。对于angularjs,我可以使用编译函数来完成,但在较新的angularjs中,这个过程看起来要复杂得多。这是一个


我想重现angular团队如何完成其指南页面的过程。尤其是角材料。指南是在降价中编写的,但我不知道他们如何能够在这些页面中嵌入示例组件。由选择器在标记文件中添加的组件将不会被渲染。

您的解决方案驻留在角度元素中。 使用Angular元素,您将能够使用任何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元素

查看Angular Material的源代码:@Roy谢谢你给我指这个文件。谢谢!这个答案解决了我的问题。