Angular.js DI के साथ (ES6) कक्षाएं और विरासत

Question

पृष्ठभूमि, हमारे ऐप में कक्षाओं/मॉड्यूल के वर्तमान कार्यान्वयन common.js और CoffeeScript कक्षाएं हैं। मैं ईएस 6 या टाइपस्क्रिप्ट के साथ काम करने के लिए सख्त समाधान ढूंढ रहा हूं, लेकिन समस्या बनी हुई है।

कोणीय-1.x का उपयोग कर कक्षा विरासत के साथ DI कैसे करें?

कोड को देखते हुए:

// SuperService.js 
class SuperService { 
    constructor($http, $q, $etc) { 
    // Implementation is not important ... 
    } 
} 
export { SubService } 

// SubService.js 
import { SuperService } from './SuperService'; 
class SubService extends SuperService { 
    constructor($more, $di, $things, $here) { 
    // Implementation is not important ... 
    // // // // // // // // // // 
    // Problem exists here ... // 
    // // // // // // // // // // 
    super($we, $need, $all, $the, $super, \ 
      $class, $di, $things, $every, $time, $we, \ 
      $inherit, $from, $it) 
    } 
} 
export { SubService } 

अवश्य एक, SubService यहाँ में सफलतापूर्वक super() कॉल करने के लिए सभी माता पिता डि आवश्यकताओं को फिर से परिभाषित?

हम इस समय कुछ निम्नलिखित के समान कर रहे हैं:

// CoffeeScript        // Javascript 
app.factory "subService", (Service) ->  app.factory("subService", function(Service) { 
    SubService =() ->       var SubService; 
    Service.call(@)       SubService = function() { 
    @           Service.call(this); 
               return this; 
    # Overwrite some stuff on the "Service"  }; 
    Service::basepath = "/environments"   Service.prototype.basepath = "/environments"; 
    Service::model = Environment     Service.prototype.model = Environment; 
               return new SubService(); 
    new SubService()       }); 

कौन सा बदसूरत होने से भी आदर्श से कम है, एक तरफ।

Answer 1

यह ES6 (यह ES7 है) नहीं है, लेकिन यह सिर्फ अपनी नाव

मैं MikeRyan52 द्वारा angular-decorators में लगेगा तैरने लगते हैं हो सकता है।

@inject('$http', '$rootScope') 
class SomeClass { 
    constructor($http, $rootScope) { 

    } 
} 

@inject('$q') 
class SubClass extends SomeClass { 
    constructor($q, ...parentDependencies) { /** parent dependencies caught with a rest parameter **/ 
    super(...parentDependencies); 
    } 
} 

the implementation of @inject

Answer 2

SubService.js

SubService.$inject = ['$http', '$q', '$etc', '$more', '$di', '$things', '$here'];