zoukankan      html  css  js  c++  java
  • 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、依赖注入

      

      

      

      

            

  • 相关阅读:
    结合react-amap使用高德地图的原生API
    QSqlRelationalTableModel的Select语句会改变列的名字
    实体对象模型中使用自跟踪实体分离Model和Context
    An incompatible version 1.1.14 of APR based Apache Tomcat Native library is installed, while Tomcat
    一步一步学习Unity3d学习笔记系1.4单服模式架构
    MongoDB的连接字符串
    将QQl里面的休息都迁移过来了
    WPF一段代码搞定所有的点击事件
    ini配置文件的读取
    手写Json转换
  • 原文地址:https://www.cnblogs.com/yangyutian/p/11115902.html
Copyright © 2011-2022 走看看