Javascript 如何在angular 4中创建组件定义类的实例？

我是angular 4的新手，我每天都在使用教程学习它，但在做了大量研究之后，我还不了解如何创建组件类的实例

这是我下面的示例代码

export class UserItemComponent implements OnInit {
 name: string; // <-- added name property

   constructor() {
    this.name = 'Felipe'; // set the name
   }

   ngOnInit() {
   }

}

导出类UserItemComponent实现OnInit{
name:string；//@Antikhippe当您的应用程序加载时，它会呈现一个名为app.component.html的视图。在您的情况下，该视图正在呈现另一个视图“”，其中包含此代码“
你好{{name}
”
当angular看到{…}时，它知道您正在引用组件中大部分时间都可用的属性。ts。这个概念就是angular所称的“数据绑定”。
您可以在component文件夹中的单独文件（.ts）中创建一个类，在component类中导入该类，并像在java中一样实例化该类的对象：“this.model=new SubjectInfo（）；”
“this”的含义与所有OOP中引用组件类属性的含义相同。
“SubjectInfo”是我在组件类中导入的类。
我希望您能提供帮助。
@Antikhippe当您的应用程序加载时，它会呈现一个名为app.component.html的视图。在您的情况下，该视图正在呈现另一个视图“”，其中包含此代码“
你好{{name}
”
当angular看到{…}时，它知道您正在引用组件中大部分时间都可用的属性。ts。这个概念就是angular所称的“数据绑定”。
您可以在component文件夹中的单独文件（.ts）中创建一个类，在component类中导入该类，并像在java中一样实例化该类的对象：“this.model=new SubjectInfo（）；”
“this”的含义与所有OOP中引用组件类属性的含义相同。
“SubjectInfo”是我在组件类中导入的类。
我希望这能有所帮助。
试着读一下：@methgaard谢谢你的回复。我读过这篇文章，但它是根据《英雄编辑》撰写的，我不是在追随《英雄编辑》。我只是遵循简单的方法。你能根据我的问题回答我吗？不清楚问题的确切内容。它的标题是“如何在angular 4中创建组件定义类的实例？”-angular在您使用“”时会为您提供此功能。然后您会遇到“我知道在创建实例时构造函数正在调用，但我不知道下面的实例是哪一个？”通常，这不是一个问题，每次您都会遇到”在html中，angular创建组件的新实例。为什么问题不清楚？oop的一个主要方面是定义类并相应地实例化对象。对象有方法（在类中定义）与程序的其余部分进行通信，例如使用简单的getter或setter。在angular中，模板似乎直接与类变量交互（不好的做法），因为人们从未接触过实例。然而，我知道，但这肯定不是oop背后的想法。对我来说，Angular开发人员似乎未能实现oop的这一属性。或者？尝试阅读以下内容：@methgaard谢谢你的回复。我读过这篇文章，但它是根据hero editor编写的，我不遵循hero editor。我是jus下面是一个简单的方法。你能根据我的问题回答我吗？现在还不清楚到底是什么问题。它的标题是“如何在angular 4中创建组件定义类的实例？”-angular在你使用它时为你做。然后你就有了“我知道在创建实例时构造函数正在调用，但我不知道下面的实例是哪一个？”一般来说，这不是一个问题在html中，angular创建组件的新实例。为什么问题不清楚？oop的一个主要方面是定义类并相应地实例化对象。对象有方法（在类中定义）与程序的其余部分进行通信，例如使用简单的getter或setter。在angular中，模板似乎直接与类变量交互（不好的做法）但是，我知道，但这肯定不是oop背后的想法。对我来说，Angular开发者似乎没有实现oop的这个属性。或者？
<p>
 Hello {{ name }}
</p>

<app-user-item></app-user-item>

<app-user-item></app-user-item>
{{ name }}