Как пользоваться сервисом в Компоненте? - PullRequest
Новая
       33

Как пользоваться сервисом в Компоненте?

0 голосов
/ 29 марта 2019

Когда я добавляю UserService, компонент не появляется Когда я удаляю сервис из компонента, компонент работает нормально

провайдеров в @ NgModule 

providers: [
    UserService,
    {
      provide:AuthServiceConfig,
      useFactory: getAuthServiceConfigs
    }
  ],

Сервисный код 

@Injectable()
export class UserService {
    API_URL = environment.apiUrl;

    constructor(private http: HttpClient) { }

    getAll() {
        return this.http.get<User[]>(this.API_URL+"getAllUsers");
    }
}

Код компонента 

export class UserRegistrationComponent implements OnInit {

  registerForm: FormGroup;
  submitted = false;
  newUser;
  userService: UserService;
   constructor(
        userService: UserService        
        ) 
       {
        config.backdrop = 'static';
        config.keyboard = false;
        this.userService=userService;
       }

  ngOnInit() {
      this.registerForm = this.formBuilder.group({
          emailId: ['', Validators.required],
          firstName: ['', Validators.required],
          lastName: ['', Validators.required],
          password: ['', [Validators.required, Validators.minLength(8)]]
      });
  }
}

Ответы [ 2 ]

0 голосов
/ 29 марта 2019

вы получаете в своем конструкторе ваш сервис, как это: 

constructor(private userService: UserService){}

и затем вы можете использовать его так: 

this.userService.getAll()
0 голосов
/ 29 марта 2019 
export class UserRegistrationComponent implements OnInit {

  registerForm: FormGroup;
  submitted = false;
  newUser;
  // userService: UserService; remove this line
   constructor(
        userService: UserService        
        ) 
       {
        config.backdrop = 'static';
        config.keyboard = false;
       // this.userService=userService; remove this line
       }

  ngOnInit() {
      this.registerForm = this.formBuilder.group({
          emailId: ['', Validators.required],
          firstName: ['', Validators.required],
          lastName: ['', Validators.required],
          password: ['', [Validators.required, Validators.minLength(8)]]
      });
  }
}

, если вы удалите закомментированные строки, а затем попытаетесь, это должно работать.когда у вас есть параметр в конструкторе, он автоматически создает переменную для этого класса, поэтому вы можете использовать его следующим образом. userService.getAll ()

...