创建一个angular项目、组件以及服务

我今年六岁

于 2020-10-12 11:20:12 发布

阅读量207

点赞数

分类专栏： angular 前端笔记

本文链接：https://blog.youkuaiyun.com/poppy995/article/details/109024259

版权

前端笔记同时被 2 个专栏收录

56 篇文章

订阅专栏

angular

1 篇文章

订阅专栏

本文档指导如何创建一个Angular项目，详细步骤包括选择项目配置，创建组件并指定目录，以及在模块中引入和声明服务，同时在需要的组件中实例化服务。

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

创建项目

ng new 项目名称

在选项中选择y以及less

创建组件

ng g component component/news
ng g 可查看可创建的类目

component/news 为目录
使用命令行创建，根模块会自动引入并且配置

创建服务

	ng g service services/storage

在app.moudles.ts里面引入创建的服务并且声明

 import { StorageService } from './services/storage.service';
        @NgModule({
            ....
            providers: [StorageService], /* 配置项目所需要的服务*/
            ....
            })

再用到的组件里引入服务并且实例化

	// 引入服务  StorageService--就是一个类
      import {StorageService} from '../../services/storage.service'
      // 实例化服务的类
      var service= new StorageService