Angular 7 笔记（一）整体概述

最新推荐文章于 2024-04-30 23:00:09 发布

Norman.Dai

最新推荐文章于 2024-04-30 23:00:09 发布

阅读量229

点赞数 2

分类专栏： Angular

本文链接：https://blog.csdn.net/qq_38692223/article/details/89345630

版权

本文是Angular 7学习笔记的第一部分，主要概述Angular框架的基本概念，包括NgModule模块的作用，组件（Component）的结构，特别是模板、指令和数据绑定的原理，以及服务（Service）的创建与依赖注入。文中详细解释了Angular如何通过装饰器声明组件和模块，以及服务如何提供解耦和复用性。

摘要由CSDN通过智能技术生成

说明：本博客为个人学习笔记，部分内容引用来自官方文档 Angular ，部分内容为个人总结和心得

整体概述

Angular（区别于AngularJS）是目前比较火的前端框架，和传统常见的前端框架不同的是Angular最新版本基于Typescript实现，提供了端到端的前端能力，包括桌面程序与移动端的开发实现等。下面基于官方文档对整体架构做一个概述。

Angular 中的模块NgModule

Angular 的基本构造块是模块（NgModule），它为组件（component）提供了编译的上下文环境。 NgModule 会把相关的代码收集到一些功能集中。Angular 应用就是由一组 NgModule 定义出的。应用至少会有一个用于引导应用的根模块，通常还会有很多特性模块。以下是一个模块的定义：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';