经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » CSS » 查看文章
angular学习—组件 - 全栈工程--学无止境
来源:cnblogs  作者:全栈工程--学无止境  时间:2018/12/6 10:06:12  对本文有异议

组件:

vue组件:xxx.vue

react组件:xxx.js+xxx.css

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

 

angular的装饰器:

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

  1. 参数:
  2. declarations:注册组件的地方
  3. imports:注册项目用到的核心功能模块
  4. providers:注册相关服务的
  5. bootstrap:指定页面上初始渲染的组件


angular的组件装饰器:

  1. @Component({
  2. selector: 'app-root', //组件的名字
  3. templateUrl: './app.component.html',//当前组件的html模板
  4. styleUrls: ['./app.component.css'] //当前组件的样式
  5. })
  6. export class AppComponent {
  7. title = 'angularpro';  //类的属性
  8. }

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

 

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

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号