Angular 2 CLI的ng命令可以通过子目录提供服务的方法如下:
npm install -g @angular/cli
mkdir subdirectory
my-service.ts
。可以使用以下命令创建文件:touch subdirectory/my-service.ts
my-service.ts
文件,并编写你的服务代码。这里提供一个简单的示例:import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class MyService {
constructor() { }
// 在这里编写你的服务逻辑
// ...
}
app.module.ts
文件中,将你的服务添加到providers
数组中。打开app.module.ts
文件,并将以下代码添加到providers
数组中:import { MyService } from './subdirectory/my-service';
@NgModule({
// ...
providers: [MyService],
// ...
})
export class AppModule { }
MyService
服务。只需在组件的构造函数中注入该服务即可。例如,在app.component.ts
中:import { Component } from '@angular/core';
import { MyService } from './subdirectory/my-service';
@Component({
selector: 'app-root',
template: `
<h1>{{ title }}</h1>
`
})
export class AppComponent {
title = 'My App';
constructor(private myService: MyService) { }
}
通过以上步骤,你就可以在Angular 2 CLI项目中通过子目录提供服务了。
请注意,这里提供的是一种通用的方法,具体的实现可能会因项目结构和需求而有所不同。如果需要更多关于Angular的帮助,可以参考腾讯云的Angular相关文档和产品:
希望以上信息对你有帮助!如果有任何其他问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云