angular 架构

最新推荐文章于 2025-02-27 03:45:00 发布

李卓书

最新推荐文章于 2025-02-27 03:45:00 发布

阅读量3.9k

点赞数 2

分类专栏： angular 文章标签： angular.js javascript 前端

本文链接：https://blog.youkuaiyun.com/wangbiao9292/article/details/125055237

版权

angular 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了Angular框架中的模块和服务概念。Angular应用由ngmodule组成，用于组织代码结构。服务用于存放可跨组件共享的逻辑，应当通过依赖注入系统来创建和管理实例，避免直接构造。文章强调了依赖注入的重要性，提供了一个错误示例及修正后的正确用法。

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

架构一览

angular是重量级的框架，内部集成了大量开箱即用的功能模块。
在这里插入图片描述

模块

angular应用是由一个个模块组成的，此模块不是esmodoule，而是ngmoddule，是angular模块

ngmodule是一组相关功能，专注于某个应用领域，可以将组件和一组组相关代码关联起来，是应用组织代码结构的一种方式。
ngmodule是由ngmodule装饰器函数装饰的类。

服务

用来放置和特定组件无关并希望跨组件共享的数据或逻辑。
这里需要特别说明一点：以下方式是错误的使用方式。

import {Appservice} from "./Appservice"

export class AppComponent{
  let appservice = new Appservice();
}

虽然上面的代码，这样去调用，是可以运行的，但是angular并不希望我们这样去做。而是希望我们通过框架内置的依赖注系统去创建和维护实例对象。因为，假如我们在后期更改了实例化的写法，比如实例化时需要传参了，那我们以前写的没有传参的方法，就都要改。这肯定是不行的。

正确的用法：

import {Appservice} from "./Appservice"

export class AppComponent{
  constuctor(private appservice:Appservice){}
  //private表示这里当做属性使用，并且只能在组件类使用，不能在模版中使用，如果在模版中使用，需要改成Pulibc
}