架构一览

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
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐