从常规typescript类调用Angular 2+服务需要遵循以下步骤:
ng generate service serviceName
来生成一个服务。import { ServiceName } from 'service-file-path'
语句将服务导入到常规typescript类中。以下是一个示例:
在服务文件中(service-file.ts):
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class MyService {
getData() {
return 'This is some data from the service';
}
}
在常规typescript类中:
import { MyService } from 'service-file-path';
export class MyClass {
constructor(private myService: MyService) {
// 在构造函数中注入服务
}
fetchData() {
const data = this.myService.getData();
console.log(data);
}
}
在上面的示例中,MyService
是一个Angular服务类,MyClass
是一个常规typescript类。MyClass
通过依赖注入的方式将MyService
注入进来,并在fetchData()
方法中调用了getData()
方法。
这样,你就可以从常规typescript类中调用Angular服务了。记住,为了正确使用注入的服务,你需要在app.module.ts
或其他模块中将服务添加到providers
数组中。
请注意,以上示例中的service-file-path
需要替换为你的服务文件的实际路径。
推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)、腾讯云容器服务(https://cloud.tencent.com/product/tke)、腾讯云云数据库MySQL(https://cloud.tencent.com/product/cdb_mysql)、腾讯云对象存储(https://cloud.tencent.com/product/cos)、腾讯云区块链服务(https://cloud.tencent.com/product/tbaas)。
注意:上述答案并未提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等品牌商,以满足问题要求。
领取专属 10元无门槛券
手把手带您无忧上云