asp.net-mvc - Angular 2 中的组件是什么

Question

我是 Angular 的新手，对 Angular JS 1.x 生成的经验很少。但是我的问题是关于 Angular 2 的。我正在阅读有关 Components here 的内容。和 https://angular.io/docs/ts/latest/guide/architecture.html

我正在使用 TypeScript，我的问题是:可以安全地说 Component 是一个类似于模型(如在 Asp.Net MVC 中)的类(不是 @component 注释)，因为我们可以将 html 控件与定义的字段绑定(bind)在组件类中还是更像 Controller ？或者还有更多我想念的？

在 2nd Url 中有一个声明，它说:

We define a Component's application logic - what it does to support the view - inside a class

上面的陈述增加了我的困惑，因为我们可以在一个与 html 绑定(bind)的类中做很多事情。在文本更改时，我们可以远程检查某些内容，或者在单击按钮时，我们可以调用一个方法，所有这些都可以在组件类中定义。那么 Components 的限制到底是什么？我们可以将它们视为模型或 Controller 或两者兼而有之吗？

请帮我澄清一下

Answer 1

其实组件类对应的就是你的组件实现。我的意思是你自己的处理:

• Properties 对应于组件状态。如果需要，状态可以绑定(bind)到关联的模板。
• 方法 对应于处理您可以从 View 触发或在组件内部使用。一些方法对应于组件生命周期的钩子(Hook)(参见 https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html )。

因此组件类可以看作是 Angular1 Controller 和作用域的混合体。

@Component 装饰器将使组件成为 Angular2 的一部分。我的意思是参与框架和您的应用程序的不同功能和机制。

可以用不同的东西来配置组件来引用一些:

• 一个选择器
• 模板
• 输入和输出(也可以使用 @Input 和 @Ouput 进行配置>
• 特定供应商
• 要在组件中使用的指令/组件
• 在组件中使用的管道

此外，您可以将类装饰器(@Component 装饰器属于此类)视为一种拦截器:

• 使得组件构造函数的参数依赖注入(inject)成为可能。
• 它将使组件实例成为利用 ZoneJS 的变更检测的一部分。 Mark 对此做出了精彩的解释:What is the Angular2 equivalent to an AngularJS $watch?。
• 它将根据使用 Reflect-Metadata 配置的内容在组件实例上添加元数据。

所以 @Component 装饰器对于配置组件并使其成为 Angular2 机制的一部分非常重要。

给大家注意:我试着简单地描述一下，这符合我对事物的理解，但请随意评论我的回答;-)