angular学习—组件

2018-12-06 07:32:09来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

组件:

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不需要根节点。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:纯css实现元素下出现横线动画(background-image)

下一篇:css