Angular4之八大核心简介

本文介绍了Angular框架的八大核心概念:模块、组件、模板、元数据、数据绑定、指令、服务和依赖注入。Angular是一个用于构建客户端应用的强大框架,通过模块化的方式组织代码,利用组件进行页面构建,并借助丰富的特性实现高效的数据处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【背景】

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

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


【感受】

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

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值