快速生成 组件指令以及 各个模块的创建

1.  在命令行输入 ng g  component   组件名     之后会自动生成组件的相关文件 根据不同的cli版本 也会生成不同的版本文件 

2. 导航条的实现 响应式的导航条 主要应用boots 的样式和 angular 关系不大 。

代码如下图 :

快速生成 组件指令以及 各个模块的创建_第1张图片

效果如下图 : 

3.搜索表单模板的创建   html 模板如下 


快速生成 组件指令以及 各个模块的创建_第2张图片

效果如下图:

快速生成 组件指令以及 各个模块的创建_第3张图片


4.轮播图组件的编写 :

  1. 为轮播图的小圆点

    是左右点击的 箭头 点击左箭头 图片左转  点击右箭头图片右转 

    快速生成 组件指令以及 各个模块的创建_第4张图片

    效果图 如下图 :


    快速生成 组件指令以及 各个模块的创建_第5张图片

    以上两次的文章基本都没有设计 angular 的 知识      接下来文章主要进行ng的内容编写。

你可能感兴趣的:(快速生成 组件指令以及 各个模块的创建)