当前位置: 首页 > 知识库问答 >
问题:

无法注入组件?[副本]

邓鸿信
2023-03-14
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule, AngularFireDatabase } from 'angularfire2/database';
import { environment } from '../environments/environment';
import { MyService } from './my.service';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularFireDatabaseModule,
    AngularFireModule.initializeApp(environment.firebase)
  ], 
  //providers:[],  
  providers: [MyService],
  bootstrap: [AppComponent]
})
export class AppModule { }
import { Component, Inject, Injectable, HostListener } from '@angular/core';
import { AngularFireDatabaseModule, AngularFireDatabase } from 'angularfire2/database';
import { Observable } from 'rxjs/Observable';
import { VendingMachineService } from './vending-machine.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent 
{

/*
    constructor()
    {
    }
*/  

    constructor(ms)         
    {
        var x = vms;
    }
}

My.Service.ts:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class MyService {

    constructor() { }

    public test(){ } 
}

共有1个答案

汝天宇
2023-03-14

重写

app.component.ts:

import { Component } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { VendingMachineService } from './vending-machine.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {

//please check vendingMachineService, this is not the name of the service you provided in code
    constructor(private vendingMachineService: VendingMachineService){}

/*
    constructor(ms)     what is ms????? remove
    {
        var x = vms;
    }
*/
}

为什么要在应用程序模块中导入已经导入的模块?如果你想这样做,我不这么认为,你需要声明另一个模块

您可能需要考虑将服务重命名为my-service.service.ts,这样看起来更好

 类似资料:
  • 问题内容: 我正在angularjs 2.0中创建一个示例应用程序。在开发过程中,我遇到了一个严重的问题-我无法通过构造函数向组件注入任何东西。 这是plnkr网址:https ://plnkr.co/edit/g1UcGmYPLtY8GiXuNHzK ? p = preview 我使用以下代码从app.item.service.ts导入ItemService 然后我指定提供者为 之后,给定Tod

  • 我在使用StringRedisTemplate时出现了错误,日志信息如图: 看样子是注入失败,可是为什么会这样呢? 我的springboot版本是2.7,redis-data版本2.7. yml文件中的配置信息如下: 好像什么配置都有了,版本应该也不会冲突。。 大佬们求解啊。。

  • 我已经在我的项目中实现了Hilt依赖项,但是当我需要构造函数的@inject注释时,它就不起作用了。基本上,当我试图手动导入它时,我发现javax中的inject文件夹是空的。因此该结构类似于javax.inject。之后,我什么也得不到,因为inject文件夹是空的。我试过重建和清洁他的项目。我也尝试过使缓存无效,但似乎没有任何效果。我怎么才能让这起作用? 依赖项列表 刀柄版本-2.37

  • 我使用Guice进行依赖注入,但在我的特定用例中,它给了我这个错误:

  • 使用Istio 1.9.2 当Kubernetes决定在不同于istio-Ingres gateway节点的节点上部署(envoy injected)pod时,envoy sidecar抛出以下错误,并且pod仍然不正常(就绪探测失败:Get " http://10 . 244 . 2 . 101:15021/healthz/ready ":dial TCP 10 . 244 . 2 . 101:

  • 几天来,我一直在尝试设置Vue组件库。我看了几个教程,并通读了一些流行的现有UI库的代码。我的问题归结为: 我的库称为@Company/vue-组件 我将我的库安装到一个带有npm的项目中: 然后,我尝试将我的库注册为Vue的插件: 我尝试在vue cli中使用我的组件。vue页面(称为EButton): 但我有一个错误: 如果我回到我注册插件的地方,我可以改变这个,它会工作: 所以,我猜我没有正