Angular 概述和发开

概述

• What
  AngularJS （简称ng）是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过<script> 标签添加到HTML 页面。
  说起框架，现在主流的框架（Vue/Angular/React）

• Why
  ①符合开发的潮流，包括组件概念
  angularJS用户主要是传统的企业，angular已经大量的用在新型的互联网公司等

  ②提到了代码的可读性和可维护性

  ③angular引入了更高性能的工具，编写编译部署更简单

  ④支持typeScript

• 特性
  ①双向的数据绑定

  ②模板

  ③MVC

  ④服务和依赖注入

开发

• 组件的创建

  ①创建一个ts类型文件

  ②导入组件类

  ③导出自定义组件类

  ④通过装饰器 指定该组件类的元数据metaData

  ⑤selctor:指定选择器，是指定在编写html时调用组件的名称，作为标签去使用 -

• 组件的使用
  ①先到模块中声明
  
  ②作为标签去使用

常见指令

①循环
*ngFor

import {Component} from '@angular/core'

@Component({
    selector:'demo03',
    template:`
    <ul>
        <li *ngFor="let tmp of myList;let myIndex=index">{{"myindex is  "+myIndex+"  tmp is  "+tmp}}</li>
    </ul>`
})

export class demo03Component{
    myList=[100,200,300,400,500];
}

②选择
*ngIf
③多重判断
##

总结

现在只是对Angular有了一个基本的认识，后面还会深入学习Angular。不去总结的，感觉自己没什么收获。这种颗粒归仓的感觉真的是美滋滋！