最近大家都在讨论2022年02月05日整理发布:深入了解Angular中的Component组件相关的事情,对此小编也是非常的感应兴趣,那么这件事具体又是怎么回事呢?下面就是小编搜索到的关于2022年02月05日整理发布:深入了解Angular中的Component组件事件的相关信息,我们一起来看看吧!
(相关资料图)
我想告诉大家一些关于深入理解《Angular》中的组件组件。相信朋友们也应该很关心这个话题。现在,让我们为我的朋友们谈谈对Angular中的Component组件的深入理解。边肖还收集了关于深入了解Angular中组件组件的相关信息。我希望你看到后会喜欢。
本文介绍了Angular中的组件组件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
角度分量是角度应用的基础和核心。一般来说,组件用于封装特定的功能,应用程序的有序运行依赖于组件之间的协调。【相关教程推荐:《angular教程》】
组件必备元素
@Component(组件元数据装饰器)@Component装饰器用来告诉Angular框架如何处理Typescript类。它包含几个其值被称为元数据的属性。Angular根据元数据的值渲染组件并执行组件的逻辑。
模板模板用于定义组件的外观。该模板存在于html中,并告诉Angular如何渲染组件。我们可以在模板中使用Angular数据绑定语法在控制器中呈现数据。
Controller是一个普通的Typescript类,将由@Component装饰器进行修饰。控制器包含组件的所有属性和方法,大部分页面逻辑都写在控制器中。控制器通过数据绑定与模板通信,模板显示控制器的数据,控制器处理模板上的事件。
例子
从“@angular/core”导入{ Component };
@组件({ 0
selector: "应用程序根目录",
templateUrl: "。/app.component.html ",
styleurls 3360["。/app.component.css"],
providers: [AppService],
})
导出类AppComponent {
title=" app demo
.
}由}selector@Component decorator指定的CSS选择器,它告诉Angular一旦在模板HTML中找到与此选择器对应的标记,就创建并插入组件的实例。
模板Url模板URL指定一个HTML文件作为组件的模板。您也可以使用模板属性的值来提供内联HTML模板。
style URL :["。/app . content . css "]style URL指向一组CSS文件,您可以在其中编写供组件使用的样式。
提供者当前组件所需的一组服务提供者。
AppComponent组件的控制器,这是一个由装饰器装饰的Typescript类。
其他组成部分
有关编程的更多信息,请访问:编程教学!这是角度组件的细节。请多关注php中文网站的其他相关文章!
来源:php中文网站
关于我们 广告服务 手机版 投诉文章:435 226 40@qq.com
Copyright (C) 1999-2020 www.baiduer.com.cn 爱好者日报网 版权所有 联系网站:435 226 40@qq.com