zoukankan      html  css  js  c++  java
  • angular2 内容提要

    一、angular-CLI的安装配置

    二、angular中的3大核心概念  Component、Module、Route

    三、angular核心架构思想 (组件化、依赖注入、数据绑定)

    四、UI库 (angular-material(google发布的模拟物理变化的UI)、prime-NG、ng2-bootstrap、ionic)

    五、NiceFish

    web-pack 前端打包工具

    一、angular—CLI安装方法

    1.npm install -g angular-cli 

    2.ng --version

    3.ng new my-project1

    4.ng serve

    ng serve 之后,项目就能再浏览器跑起来

    除此之外还有一些其他的命令行,比如:

    ng generate  cl:class / c:component / d:directive / e:enum / m:module / p:pipe / s:service

    上面这些还可以简化的写:比如:ng g c User 意思是:建立一个User类的component

    去文件的目录结构中,就能看到在app目录下看到一个User的目录,里面包含user.component.css 、user.component.ts 、user.component.html 、user.component.spec.ts(这是用来做单元测试的)

    最后当我们需要把做好的东西编译出来,这时可以用 ng-build 或者ng-build --prod --aot等待编译,编译好了就能在

     目录中看到dist这个目录

    自动化测试:ng test

    二:angular中的3大核心概念  Component、Module、Route

    关于angular2的结构图,可在github上搜索TeamStuQ ,详细的列出了angular2的技能图谱

    angular2是单向数据流,具体可看 https://github.com/modern-javascript/angular2-data-flow 

    用单向数据流可以提高效率。

    一个项目的组件有很多,构成一个组件树。如果想知道自己项目的组件树长什么样儿,可以用angular2-dependencies-graph

    关于an-module相关的问题,官方在 https://angular.cn/docs/ts/latest/cookbook/ngmodule-faq.html 进行了回答

    module.ts 文件中,有declarations(声明类) 、 imports(导入的外部的模块) 、export(导出的模块)、providers

  • 相关阅读:
    从gettext来看linux下程序的internationalization
    C++ Convert Operator和其他Operator的应用场景比较
    申明一个函数指针,并且该函数的返回值也是一个函数指针 示例代码
    XML操作大全
    如何让页面延迟显示?
    Ajax实现不刷屏的前提下实现页面定时刷新
    我喜欢的笑话 呵呵
    Atlas UpdatePanel使用技巧以及常见问题
    asp.net 弹出窗体
    C# asp.net操作文件
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6995337.html
Copyright © 2011-2022 走看看