素材巴巴 > 程序开发 >

Angular4之八大核心简介

程序开发 2023-09-11 21:21:31

【背景】

最近在学习前端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.依赖注入 

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


【感受】

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


标签:

上一篇: unity layout fiexible width 属性 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。