Javascript 如何使用编程（.ts文件）显示图形组件？

我正在使用Angular 6开发一个web应用程序

图形组件是与.ts文件中的逻辑关联的HTML模板。如果在另一个typescript文件（与另一个组件关联）中创建了一个实际上是组件的对象，如何在模板中以图形方式可视化该对象

代码示例：

组件1（.ts和.html）：

在MyComponent 2的html中，我想显示字符串“My Component 1！”（即组件的图形部分），而不是[对象]。

---

如何实现这一点？

我认为您可以使用*ngIf指令来实现这一点。您可以在视图中列出所有可能的组件（如果可能），并在需要时显示它们

或者另一种方法可以使用elementRef。您可以使用它并将组件注入JavaScript中，就像在JavaScript中一样

另一种方法是在这种情况下可以使用路由。只需在模板中弹出一个，并根据您的逻辑路由页面即可

可以在角度文档中检查动态组件

---

我建议使用路由。这是如何使用组件的基础知识，您将很快掌握这些概念。你可以快速浏览一下

其思想是：定义组件时，您有：

@Component({
  selector: 'componentXX',
  // ...
} export class XXXComponent ...

---

然后，从另一个组件开始，您只需在HTML模板中使用它：

，它将拉取您的组件-假设它在相同的范围内，现在就留在相同的模块中学习基本知识。

例如，只需在.HTML中调用对象即可

我的组件1

在模板或Html文件中
谢谢
 你能再解释一点吗，图形组件是什么意思？我指的是html，它指的是组件，也就是它的图形部分。你能解释一下这是如何回答这个问题的吗？
class MyComponent2 {
 constructor(){
 }

 method() {
  let newComponent = new MyComponent1('a casual string');
  return newComponent;
 }
}
---------------------------------
{{method()}}

@Component({
  selector: 'componentXX',
  // ...
} export class XXXComponent ...