概述 |
-
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。不去总结的,感觉自己没什么收获。这种颗粒归仓的感觉真的是美滋滋!