Angular ES6 wstrzykiwanie zależoności

Angular ES6 wstrzykiwanie zależoności
Sebastiano
Sebastiano
Sebastiano
Sebastiano
  • Rejestracja:ponad 12 lat
  • Ostatnio:prawie 4 lata
  • Postów:488
0

Chciałbym z poziomu konstruktora w serwisie skorzystać ze $scope, $http etc.Projekt jest w ng.1.5 ale pisany komponentowo w ES6, kompilacja w webpack2. Wstrzykiwanie przez ngInject. Prosze o sugestie. Gdy pobieram przykładowo this.$http to dostaje undefined

Kopiuj
export default class AuthenticationService {
    constructor(
        $rootScope,
        $http,
        $state,
        $scope,
        $timeout,
        $location
    ) {
        'ngInject';
        this.$http = $http;
        console.log( this.$http);
    } {
}

Poniżej screen po kompilacji:

screenshot-20170310192650.png

edytowany 3x, ostatnio: Sebastiano
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Gutyo
Gutyo
Gutyo
Gutyo
  • Rejestracja:około 11 lat
  • Ostatnio:prawie 7 lat
  • Postów:15
0
edytowany 1x, ostatnio: Gutyo
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Sebastiano
Sebastiano
Sebastiano
Sebastiano
  • Rejestracja:ponad 12 lat
  • Ostatnio:prawie 4 lata
  • Postów:488
0

@Gutyo Z samym console.log($http) tez jest undefined

edytowany 1x, ostatnio: Sebastiano
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Nieposkromiony Ogrodnik
Nieposkromiony Ogrodnik
0

Pokaz deklaracje do angular.service

Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Sebastiano
Sebastiano
Sebastiano
Sebastiano
  • Rejestracja:ponad 12 lat
  • Ostatnio:prawie 4 lata
  • Postów:488
0

Ok, poniżej inicjalizacja servisu:

Kopiuj

import AuthenticationService from '../services/authenticationService.service.js'

export default angular.module(
    'app.global',
    [
        uirouter
    ])
    .config(routing)
    .controller('appController', appController)
    .service('authenticationService', AuthenticationService)
    .component('navbar', {
        templateUrl: 'views/components/navbar/navbar.html',
        controller: NavbarController,
        bindings: {}
    })
    .name;

Całość jest wczytywana do components.js:

Kopiuj
import globalapp from './client/global/index.js'
export default angular.module('app.components', [
  globalapp
])

i na koniec całość do app.js:

Kopiuj
import Components from './components/components.js';
angular.module('app', [
    uirouter,
    Components.name,
]).config(routing);
edytowany 2x, ostatnio: Sebastiano
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto