欢迎光临散文网 会员登陆 & 注册

Angular入门实战Day04

2023-01-08 17:21 作者:朵宝特工007  | 我要投稿

注:以下学习笔记均来源于Angular教程_Angular8 Angular9 Angular12入门实战视频教程

一、Angular 的服务

Angular 中各个组件之间是不能调用彼此的方法的,但是如果有一些方法是公共的,多个组件都要用到,这个时候就可以使用服务啦。

1.定义服务

Angular中可以使用命令 ng g service 服务名 定义一个服务。

输入命令回车之后,会在相应的路径下生成对应服务。

2.引入并声明服务

在 app.module.ts 中引入创建的服务,并且声明。

3.使用服务

组件不能使用组件,但是组件都可以使用服务,并且服务也可以使用服务。
组件使用服务之前还需要引入服务,然后在构造函数中初始化服务,接下来就可以使用啦。


二、案例:toDoList的实现以及数据持久化

1.页面效果

2.页面结构

代码如下:

3.页面样式

代码如下:

4.数据持久化服务

代码如下:

5.页面逻辑

代码如下:


Angular入门实战Day04的评论 (共 条)

分享到微博请遵守国家法律