Угловое наследование 7 классов и httpClient - PullRequest
Новая
       38

Угловое наследование 7 классов и httpClient

0 голосов
/ 07 декабря 2018

Хорошо, я понял, что мои сервисы очень копируют и вставляют.Так что я хотел попробовать супер классы и наследование в Angular.Не так хорошо, как я хочу.Я действительно зацикливаюсь на конструкторе и супер звонках.TS компилируется правильно и без ошибок, но это то, что я получаю в консоли. 

core.js:12632 ERROR Error: Uncaught (in promise): TypeError: this.http.get is not a function

Теперь я предполагаю, что это будет продолжаться для всех моих зависимостей.

Здесьмой класс BaseService: 

    import {EventEmitter, Output} from '@angular/core';
    import { environment } from '../../environments/environment';

    export abstract class BaseService {
        @Output() saving = new EventEmitter();
        constructor(
            public api_url: string,
            public success_message: string,
            public success_url: string,
            public nav_to_view: boolean,
            public http,
            public toaster,
            public router,
        ) {
            this.api_url = environment.api + this.api_url;
        }

        list() {
            return this.http.get(this.api_url);
        }
   }

, а вот мой сервис, расширяющий BaseService: 

import {Injectable} from '@angular/core';
import {BaseService} from '../../core/base.service';
import {HttpClient} from '@angular/common/http';
import {ToastrService} from 'ngx-toastr';
import {Router} from '@angular/router';
@Injectable()
export class ModulesService extends BaseService {
    constructor() {
        super('/modules', 'Manufacturer Saved!', '/modules', false, HttpClient, ToastrService, Router);
    }
}

Что я не понимаю?Заранее спасибо!

1 Ответ

0 голосов
/ 07 декабря 2018

Указание типа отсутствует.Если вы укажете, он будет работать.

Код для BaseService , как показано ниже. 

import {EventEmitter, Output} from '@angular/core';
import { environment } from '../../environments/environment';
import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';
import {ToastrService} from 'ngx-toastr';
export abstract class BaseService {
    @Output() saving = new EventEmitter();
    constructor(
        public api_url: string,
        public success_message: string,
        public success_url: string,
        public nav_to_view: boolean,
        public http: HttpClient,
        public toaster: ToastrService,
        public router: Router
    ) {
        this.api_url = environment.api + this.api_url;
    }

    list() {
        return this.http.get(this.api_url);
    }
}

Код для ModulesService , как показано ниже. 

import {Injectable} from '@angular/core';
import {BaseService} from '../../core/base.service';
import {HttpClient} from '@angular/common/http';
import {ToastrService} from 'ngx-toastr';
import {Router} from '@angular/router';
@Injectable()
export class ModulesService extends BaseService {
    constructor(public http: HttpClient,
        public toaster: Toaster,
        public router: Router) {
        super('/modules', 'Manufacturer Saved!', '/modules', false, http, toaster, router);
    }
}
...