Angular4之八大核心简介

电玩女神 2022-05-31 02:27 152阅读 0赞

【背景】

最近在学习前端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的组件，包括如下四部分

![SouthEast][]

3.模板

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

4.元数据

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

![SouthEast 1][]

5.数据绑定

点击看我的总结： [数据绑定][Link 1]

6.指令

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

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

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

7.服务

封装好供其他功能调用。

8.依赖注入

推荐大家看我的总结：[依赖注入][Link 2]

【感受】

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

[SouthEast]: /images/20220531/3a77c2fa4f7642a4a9f0fecf7b48c3d2.png
[SouthEast 1]: /images/20220531/c78c262618014f86871909422fba63e6.png
[Link 1]: http://blog.csdn.net/ningmengbaby/article/details/79139813
[Link 2]: http://blog.csdn.net/ningmengbaby/article/details/79129936

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关【大数据入门核心技术-HBase】（八）Phoenix简介

目录一、Phoenix简介 1、Phoenix定义 2、Phoenix特点 3、Phoenix官方网址二、Phoenix性能 -----------------

ゝ一纸荒年。/ 2024年03月31日 16:38/ 0 赞/ 91 阅读

相关 [angular]服务之4$window

<!DOCTYPE html> <html lang="en" ng-app="testServiceWindow"> <head> <

朴灿烈づ我的快乐病毒、/ 2022年07月13日 05:08/ 0 赞/ 154 阅读

相关 [angular]指令之4templateUrl

<!DOCTYPE html> <html lang="en" ng-app="testDirectiveTemplateUrl"> <head>

骑猪看日落/ 2022年07月13日 02:58/ 0 赞/ 184 阅读

相关 Angular CLI简介

一、简介 Angular CLI用于简单，快速构建Angular2项目，只要掌握几行命令就能扣减前端架构。依赖于NodeJs和npm。 Git 源代码地址：[https:/

痛定思痛。/ 2022年06月03日 23:42/ 0 赞/ 174 阅读

相关 Angular4之八大核心简介

【背景】最近在学习前端Angular，迫不及待想把学习到的内容跟大家分享。【内容】 Angular是一个用HTML和JavaScript或者一个可以编译成JavaSc

电玩女神/ 2022年05月31日 02:27/ 0 赞/ 153 阅读

相关 Angular4简介

Angular是什么 Anguar是由谷歌开发与维护一个开发跨平台应用程序的框架，同时适用于手机与桌面。 -------------------- Angular特

Dear 丶/ 2022年05月28日 10:23/ 0 赞/ 222 阅读

相关 (八)、Angular4.0 路由守卫

一、路由守卫作用 1. 只有当用户已经登录并拥有某些权限时才能进入某路由。 2. 一个由多个表单组件组成的向导，例如注册流程，用户只有在当前路由的组件中填写了满足要求的信

秒速五厘米/ 2022年05月28日 01:45/ 0 赞/ 242 阅读

相关 Angular基础简介

What is Angular？ Angular is a platform and framework for building client applications i

待我称王封你为后i/ 2022年05月25日 02:35/ 0 赞/ 239 阅读

相关 Spring Boot简介，四大核心，特性

版权声明：本文为博主原创文章，未经博主允许不得转载一.Spring Boot简介 1.Spring boot是Spring家族中的一个全新的框架,它用来简化Sprin

我会带着你远行/ 2022年04月24日 03:14/ 0 赞/ 746 阅读

相关 Angular 学习（二）：Angular 简介

文章目录一、 Angular 介绍 AngularJS 特性

怼烎@/ 2021年09月29日 01:44/ 0 赞/ 696 阅读