资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/angular学习—组件

angular学习—组件

番茄西红柿 / 380人阅读

摘要：组件组件组件组件的装饰器的一个模块化。装饰的文件内的类。和和的模板的区别和必须要有一个根节点，但不需要根节点。

组件：

vue组件：xxx.vue

react组件：xxx.js+xxx.css

angular组件：xxx.ts+xxx.css+xxx.html

 

angular的装饰器：

@ngModule:angular的一个模块化。装饰angular的app.module.ts文件内的AppModule类。

参数：

declarations：注册组件的地方
imports：注册项目用到的核心功能模块
providers：注册相关服务的
bootstrap：指定页面上初始渲染的组件


angular的组件装饰器：

@Component({
  selector: app-root, //组件的名字
  templateUrl: ./app.component.html,//当前组件的html模板
  styleUrls: [./app.component.css] //当前组件的样式
})

export class AppComponent {
  title = angularpro;　　//类的属性
}

通过@component这个装饰器，将AppComponent类装饰为一个组件。

 

vue和react和angular的html模板的区别：
vue和react必须要有一个根节点，但angular不需要根节点。

云服务器 GPU云服务器 Angular cdn angular angular cdn angular webrtc

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1469.html

相关文章

  • 那些年初识Angular(1)

    摘要：它包含多个属性，这些属性值叫做元数据。会根据元数据渲染组件，并执行组件逻辑。元数据会告诉图和将这个类处理成一个组件。元数据这段代码表示这个组件可以通过这个标签来调用。 那些年初识Angular 由于工作需要初识了Angular，由于个人在学习一门新语言的时候喜欢买一本相关的书籍自己钻研，还记得自己的第一本Angular书籍是关于Angular2的学习，自此正式踏入Angular的学习。...

    Flink_China 评论0 收藏0

  • Angular学习资料

    摘要：目前稳定在，进入了版本状态，谷歌表示会长期进行支持。版本是谷歌开发的一款类型的框架，具有优越的性能和绝佳的跨平台性。于年月正式发布，目前已发布到版本。中文翻译与主站同步的非常及时。 Angular是一款面向企业级应用开发的前端框架，掌握好Angular相关技术，有助于我们提升开发效率，编写高质量的前端代码。 Angular 1.x版本 AngularJS 诞生于2009年，由Misko H...

    james 评论0 收藏0

  • angular4学习记录 -- 组件通讯、生命周期

    摘要：每完成被投影组件内容发生变化时调用。每次做完组件视图和子组件视图的变更检测之后调用。组件销毁时调用，主要用于内存回收。策略策略是当组件的输入属性发生变更时才会检查当前组件及其子组件。 angular4 组件通讯、生命周期 主要通讯形式 父组件通过属性绑定到子组件，子组件通过事件传递参数到父组件 父组件通过局部变量获取子组件的引用 父组件使用@ViewChild获取子组件的引用 两个不...

    shadajin 评论0 收藏0

  • Angular4学习笔记——生命周期钩子

    摘要：所以如果需要使用生命周期，只要在我们的代码中写上钩子函数即可，会找到并调用像这样的钩子方法，有没有接口无所谓。当使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法用处当设置数据绑定输入属性发生变化时响应。 接口和钩子 在介绍生命周期的相关概念之前，可以先复习一下TypeScript对于接口的概念。 在这里主要使用的是类接口及其实现： interf...

    fizz 评论0 收藏0

  • 源码分析 @angular/cdk 之 Portal

    摘要：这些依赖对象也进一步暴露了其设计思想。关键功能包括在上下文内挂载在上下文外挂载在上下文外共享数据。在构造必须依赖，所以可以直接创建嵌入视图，然后手动强制执行变更检测。提供了两个指令和。 @angular/material 是 Angular 官方根据 Material Design 设计语言提供的 UI 库，开发人员在开发 UI 库时发现很多 UI 组件有着共同的逻辑，所以他们把这些共...

    BearyChat 评论0 收藏0

发表评论

登陆后可评论

0条评论

番茄西红柿

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<