• Angular基础知识---模块、装饰器、组件、如何创建组件、事件处理机制、插值表达式(双括号)


    1、angular介绍

      

        

        

        

        

        

        

    2、搭建开发环境

      安装angular cli的前提 要安装如下(angular不像vue一样还有通过script标签引用的形式,他一开始走的就是‘全家桶式’设计思路,所以要安装angular cli)

      

      

        

         3、启动项目   npm start (具体命名行看配置文件package.json)

          

    3、认识脚手架搭建的项目的文件目录----基本了解各个目录下的文件是干嘛的

       

       

    4、angular项目是如何启动的

      

    5、angular的核心概念

      学习任何一个框架都要重点关注和学习他的核心概念

      

        如下单页面开发框架

          vue:vue实例;vue实例的生命周期;指令;组件;组件生命周期;数据绑定;路由;vuex;axios。。。

          react:虚拟dom;diff算法;jsx语法;组件;组件生命周期;路由;fetch数据请求。。。

          angular:组件、组件的装饰器

      

    6、angular中组件的创建和使用

      

      

      

      如何创建一个angular的新组建(不同于vue和react中自己新建文件,angular是用命名行语句新生成组件,估计是因为angular的组件配套文件类型比较多)

      (编辑器上设置好后就不需要每次都输命名行来创建组件了)

      新建了组件,也更新了模块管理文件(管理所以的组件)

       

      组件通信:angular中组件通信解决方案

      

        

      

    7、angular中的模块

      

      

      注意:  import时 会执行整个导入的文件  并把export 出去的执行的返回值给import时定义的变量接收

    8、angular的模板

       

    9、数据绑定

      

    10、指令

      

    11、服务

      

     12、依赖注入

      

      

      

      

            

  • 相关阅读:
    3.30作业
    3.30课堂
    3.29作业
    3,29课堂
    3。26作业
    3.26课堂
    3.25作业
    3.25课堂
    55、DOM与BOM的操作及事件的简介
    54、js的数据类型及对象
  • 原文地址:https://www.cnblogs.com/yangyutian/p/11115902.html
Copyright © 2020-2023  润新知