Angular4之八大核心简介

前端之家收集整理的这篇文章主要介绍了Angular4之八大核心简介前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

【背景】

最近在学习前端Angular,迫不及待想把学习到的内容跟大家分享

内容

Angular是一个用HTML和JavaScript或者一个可以编译成JavaScript的语言(TypeScript),来构建客户端应用的框架。

Angular 主要分为八大构造块(也就是八个核心概念):模块 (module)、组件 (component)、模板 (template)、元数据 (Metadata)、数据绑定 (data binding)、指令 (directive)、服务 (service)、依赖注入 (dependency injection)

1.模块

Angular应用模块化,部署打包的时候都是通过模块连接起来。每个Angular应用至少有一个跟模块,大部分的应用会有很多的特性模块,用来实现具体的功能


2.组件

ng g component star 建立一个名为star的组件,包括如下四部分


3.模板

模板就是HTML文件,有自己的语法,能够实现和组件的数据交互。


4.元数据

元数据告诉你如何处理一个类。在Angular中每个组件只是一个类,但是我们通过装饰器来告诉Angular这是一个组件。


5.数据绑定

点击看我的总结:数据绑定


6.指令

指令分为结构指令和属性指令。

A. 结构指令: 通过在 DOM 添加、移除和替换元素来修改布局。例如*ngFor*ngIf

B.属性指令:修改一个现有元素的外观或行为。形式[(ngModel)]

7.服务

封装好供其他功能调用


8.依赖注入

推荐大家看我的总结:依赖注入


【感受】

点滴积累,现在这些知识是最基础的,知识是一点一点学出来的。

猜你在找的Angularjs相关文章