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

发布时间：2020-12-16 03:51:59 所属栏目：asp.Net 来源：网络整理

导读：我是Angular的新手,对Angular JS 1.x一代的经验很少.不过我的问题是关于Angular 2.我正在阅读有关Components here和 https://angular.io/docs/ts/latest/guide/architecture.html的内容我正在使用TypeScript,我的问题是：可以说Component是一个类(非@compon

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

我正在使用TypeScript,我的问题是：可以说Component是一个类(非@component注释)类似于Model(在Asp.Net MVC中),因为我们可以将html控件与组件类中定义的字段绑定或者它更像是控制器吗？或者还有更多我遗失的东西？

第二个网址中有一个声明,其中说：

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

上面的语句增加了我的困惑,因为我们可以在一个绑定了html的类中做很多事情.在文本更改时,我们可以远程检查某些内容或按钮单击,我们可以调用方法,所有这些都可以在组件类中定义.那么组件的限制到底是什么？我们可以像模特或类似控制器一样对待它们吗？

请帮我澄清一下

解决方法

实际上,组件类对应于组件实现.我的意思是你自己的处理：

>属性对应于组件状态.如果是,则可以将状态绑定到关联的模板.
>方法对应于处理您可以从视图触发或在组件内部使用.一些方法对应于组件生命周期的钩子(参见https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html).

因此,组件类可以看作是Angular1控制器和范围的混合.

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

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

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

此外,您可以看到一个类装饰器(@Component装饰器属于这种类型)作为一种拦截器：

>它可以依赖注入组件构造函数的参数.
>它将使组件实例成为利用ZoneJS的变更检测的一部分.马克给出了一个很棒的解释：What is the Angular2 equivalent to an AngularJS $watch?.
>它将根据使用Reflect-Metadata配置的内容在组件实例上添加元数据.

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

适合所有人的注意事项：我试图简单地描述这一点,这符合我对事物的理解,但随意评论我的答案;-)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!