美文网首页
Angular学习(三):第一个组件

Angular学习(三):第一个组件

作者: 小程杂货铺 | 来源:发表于2017-08-20 12:11 被阅读0次

新建一个自己的组件,很简单,用命令:

图1

可以看到项目app文件夹下多了一个hello文件夹,这个就是刚生成的组件

图二

如何使用呢?首先找到我们刚生成的组件hello.component.ts


图三

在需要使用组件的地方直接加上<app-hello></app-hello>即可,我把这个组件放到根组件的模板中


图四

启动服务,查看下效果

图5

从图中看到我们组件被成功使用了

相关文章

  • Angular学习(三):第一个组件

    新建一个自己的组件,很简单,用命令: 可以看到项目app文件夹下多了一个hello文件夹,这个就是刚生成的组件 如...

  • Angular4-学习笔记-4-模板语法

    学习资料来自 Angular.cn 与 Angular.io。 模板语法 在线例子 在 Angular 中,组件扮...

  • Angular参考资料收集

    1 、Angular2文档学习的知识点摘要——Angular模块(NgModule) 2、Angular2父子组件...

  • Angular组件篇

    Angular组件 一:组件基础 1:什么是组件? 组件(Component)是构成Angular应用的基础和核心...

  • 来一波angular2概念

    Angular2学习之: angular2官方将框架按以下结构划分: Module(模块) 组件、方法、类、服务等...

  • angular修改子组件样式

    angular在父组件修改子组件样式使用 :host ::ng-deep .className{ } 常在修改第三...

  • Angular 5 自定义文件上传组件(四)

    Angular 5 自定义文件上传组件(一)Angular 5 自定义文件上传组件(二)Angular 5 自定义...

  • ng-book 2 - 002

    第三章:Angular的工作原理 Angular应用是由组件构成的当开发新的Angular应用时,先画出原型图,然...

  • 2019-11-03

    angular8 angular ngFor 遍历map 数据 使用keyvalue 管道 angular 在组件...

  • 从数据看vue组件

    三大前端框架 Vue 、react 和 angular,都提到了一个概念——组件,那么什么是组件——组件(Comp...

网友评论

      本文标题:Angular学习(三):第一个组件

      本文链接:https://www.haomeiwen.com/subject/ntlfdxtx.html