angualr学习之路-------------组件

组件    

可以反复使用的页面片段，如页头，页尾，手风琴，文件树等
    组件(compoment) =模板（template）+样式（style）+行为脚本（script）
    提示：任务一个组件都必须放在模块（module）中！
    angular 初始化时就只有一个模块：AppModule
    1》自定义组件步骤
    组件只能写在src 下，自己在app 目录下建组件
    步骤：
        1)定义别人使用的组件
        export class Myco1Component{}
        2)定义装饰器，用于指定这个组建:class的用途.   装饰器的本质是个函数。这里的装饰器，用的是组件，告诉 别人这个是个组件，需要租组建的三要素：模板，样式，行为脚本
        @Component({
              template: `<h2>我的组件C1</h2><hr/>>`
            样式可以不写
            脚本用下面的class 脚本
              // 指定这个组件被别人使用的标识，[myc1]: [] 是作为属性来用， myc11: 当做页面元素来用，'.myc111' : .当做class的一个属性来用  /*** <div myc1="xxx"></div>  * <myc1>xxx</myc1> * <p class="myc111" ></p> */
              selector: 'myc1'
            })
        export class Myco1Component{}
        3）在某个模块module中注册一下，就可以在其他任务的dom树种使用

 找个dom 树看看可以引用这个组件不

 页面显示出来了，来源于组建的template

Angular提供的创建组件的简化工具：（cmd中用管理员权限执行）    ng   generate   component   组件名    npx  ng   generate   component   组件名    上述命令可以简化为：    ng   g   component   组件名    npx  ng   g   component   组件名

Node.js官方安装的工具：    npm：第三方模块的维护工具    npx：第三方可执行文件的执行工具，Node Package Executor npx可用于执行当前项目中node_modules/.bin目录下的可执行文件