Question

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

这是我关注的示例代码

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

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

   ngOnInit() {
   }

}

我正在像这样呈现这个组件/user-item.component.html

<p>
 Hello {{ name }}
</p>

然后是/app.component.html文件

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

它正确显示名称“Felipe”，但我不明白它是如何工作的。我知道构造函数在实例创建时正在调用，但我不知道下面的实例是哪一个？

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

我非常了解oop概念，但在角度方面，我仍然对其术语和流程感到困惑。任何帮助都将受到高度赞赏。谢谢。

Answer 1

@Antikhippe当您的应用加载时，它会返回一个app.component.html视图。在您的情况下，View正在渲染另一个View＆＃34;＆＃34;它有这段代码＆＃34;

您好{{name}}

＆＃34; 当angular看到{{...}}时，它知道你正在引用组件中大部分时间都可用的属性.ts。这个概念就是角度调用＆＃34;数据绑定＆＃34;。您可以在组件文件夹中的单独文件（.ts）中创建一个类，在组件类中导入该类并实例化该类的对象，就像在java中一样：＆＃34; this.model = new SubjectInfo（）; ＆＃34; ＆＃34;这＆＃34;与所有OOP中的含义相同，它引用了组件类的属性。＆＃34; SubjectInfo＆＃34;是我在组件类中导入的类。我希望得到帮助。

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

1 个答案: