Wie injiziere ich benutzerdefinierte Service zu eckigen Komponente in einfachen ES5 (Javascript)?

Question

Ich habe ein funktionierendes angular2 Componen t. Ich habe eine Klasse für einen Dienst implementiert (mit ng.core.Class, wenn das wichtig ist). Was sind die minimalen Schritte, um meinen Dienst zu meinem Component zu injizieren? Soll ich meinen Service in die Bootstrap-Funktion einbinden? Sollte ich eine der ng.core.Inject oder ng.core.Injectable? verwenden Alle meine Experimente gescheitert bisher.

Answer 1

Sie können es sehr einfach tun. Nur eine Klasse erstellen, ein es durch providers Eigenschaft Pass oder durch bootstrap

Zum Beispiel

// Alternative 1 
var Service = ng.core.Class({ 
    constructor : function() {}, 
    someFunction : function() { 
    console.log('Some function'); 
    } 
}) 

// Alternative 2 
var Service = function() {} 
Service.prototype.someFunction = function() { 
    console.log('Some function'); 
} 

Dann ist es an die Komponente zu übergeben

var Component = ng.core. 
     Component({ 
     selector: 'cmp', 
     template : '', 
     providers : [Service] 
     }). 
     Class({ 
     constructor: [Service, function(svc) { 
      svc.someFunction(); 
     }] 
     }); 

Oder durch Bootstrap

ng.platform.browser.bootstrap(Component, [Service]); 

Hier ein example so können Sie nehmen ein Blick darauf.

Referenz

• Class