Angular 7中的可注入组件
创始人
2024-10-17 06:30:09
0

在Angular 7中,可以通过使用@Injectable装饰器来创建可注入的组件。下面是一个示例解决方法:

  1. 创建一个可注入的组件:
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root' // 表示该服务将在根注入器中提供
})
export class MyService {
  constructor() { }

  // 添加其他方法和属性
}
  1. 在需要使用该组件的地方,将其注入为一个依赖项:
import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  template: `
    

{{ message }}

` }) export class MyComponent { message: string; constructor(private myService: MyService) { this.message = myService.getMessage(); } }
  1. 在模块中提供该可注入的组件:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyComponent } from './my.component';
import { MyService } from './my.service';

@NgModule({
  imports: [BrowserModule],
  declarations: [MyComponent],
  providers: [MyService], // 提供MyService
  bootstrap: [MyComponent]
})
export class AppModule { }

通过以上步骤,你就可以在Angular 7中创建一个可注入的组件并在其他组件中使用它。

相关内容

热门资讯

透视教程!wpk透视最怕三个东... 透视教程!wpk透视最怕三个东西(透视)wpk透视怎么安装-果然真的是有挂(哔哩哔哩)1、完成wpk...
2026版辅助挂!wpk透视是... 2026版辅助挂!wpk透视是真的吗(透视)wpk有那种辅助吗-确实是有挂(哔哩哔哩)1、下载好wp...
透视安卓版!智星德州插件最新版... 透视安卓版!智星德州插件最新版本更新内容详解(透视)智星德州可以透视吗-切实是有挂(哔哩哔哩)小薇(...
透视真的!德普软件(透视)德普... 透视真的!德普软件(透视)德普之星透视辅助软件-竟然真的有挂(哔哩哔哩)1、游戏颠覆性的策略玩法,独...
透视中牌率!aapoker透视... 透视中牌率!aapoker透视插件(透视)hhpoker德州牛仔视频-其实是有挂(哔哩哔哩)暗藏猫腻...
透视代打!aapoker真的假... 透视代打!aapoker真的假的(透视)hhpoker辅助挂-原来有挂(哔哩哔哩)1、下载好aapo...
长期以来!hhpoker免费透... 长期以来!hhpoker免费透视脚本(透视)hhpoker透视实战视频-其实真的是有挂(哔哩哔哩)1...
据相关数据显示!aapoker... 据相关数据显示!aapoker脚本怎么用(透视)hhpoker俱乐部是干嘛的-都是是有挂(哔哩哔哩)...
复盘辅助挂!购买的wpk辅助在... 复盘辅助挂!购买的wpk辅助在哪里下载(透视)wpk模拟器是什么-原来是有挂(哔哩哔哩);1、购买的...
透视辅助!德普辅助软件(透视)... 透视辅助!德普辅助软件(透视)德普之星透视软件免费入口官网-果然存在有挂(哔哩哔哩)1、完成德普之星...