Angular6组件化

本文介绍了Angular6的组件化特性,阐述了组件的基本概念,如通过selector定义组件并在HTML中使用,以及如何进行组件封装和发布,以便于在不同页面复用。通过实例展示了如何在HTML页面中引用发布的组件。
摘要由CSDN通过智能技术生成
前言

大家再用angular的时候都知道它有种种好处,其中一个就是组件化,下面介绍一下它的简单应用
这里写图片描述

//component.ts页面会写这样的装饰器
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
  • 在启动angular时,会通过index.html页面调用显示页面的装饰器,然后显示其相应的HTML页面,css页面等
    这里写图片描述
  • 这里正对应了我们上面selector:‘app-root’
  • 其实这可以理解为我们为component起了一个名字,当我们用到这个组件的时候,就叫它的名字

封装


                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值