Ho un angolo di lavoro2 Componen
t. Ho implementato una classe per alcuni servizi (utilizzando ng.core.Class
se ciò è importante). Quali sono i passaggi minimi per iniettare il mio servizio sul mio Component
? Dovrei includere il mio servizio nella funzione bootstrap? Devo usare uno qualsiasi di ng.core.Inject
o ng.core.Injectable?
Tutti i miei esperimenti non sono riusciti finora.Come iniettare il servizio personalizzato su componente angolare in ES5 semplice (Javascript)?
risposta
Si può fare molto semplice. Basta creare una classe di farlo passare attraverso providers
proprietà o attraverso bootstrap
Per esempio
// 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');
}
poi passarlo al componente
var Component = ng.core.
Component({
selector: 'cmp',
template : '',
providers : [Service]
}).
Class({
constructor: [Service, function(svc) {
svc.someFunction();
}]
});
o tramite bootstrap
ng.platform.browser.bootstrap(Component, [Service]);
Ecco un example quindi puoi prendere uno sguardo a questo.
Riferimento
- Class (potete trovare alcuni esempi di utilizzo nei commenti)
Grazie. Funziona in questo modo. La ragione per cui * not * ha funzionato per me è che stavo cercando di riferirmi a 'Service' prima di averlo creato. Quindi l'ordine di caricamento dei file js è importante con tale approccio. –
@ SergeyP.akaazure puoi accettare la risposta se risponde alla tua domanda? –
e se ho bisogno di usare due servizi ?? come posso specificarlo nel costruttore? –
- 1. Angolare 2 - come iniettare dipendenze alla classe personalizzata che non è un componente e non è esposta come servizio
- 2. come iniettare il negozio in servizio ember.js
- 3. Iniettare un servizio in un validatore personalizzato in Angular2
- 4. Iniettare un componente principale dello stesso tipo del componente figlio
- 5. Come iniettare il router componente in Angular 1.5?
- 6. Come iniettare una nuova istanza dello stesso componente in Angular2
- 7. Come faccio a iniettare un componente personalizzato da js in nativescript?
- 8. Come iniettare @request in un servizio?
- 9. Servizio angolare in Aurelia?
- 10. Iniettare SwiftMailer in servizio Symfony2
- 11. Come dichiarare gli input su un componente in Angular 2 in ES5?
- 12. Utilizzare il servizio in Visualizza Angolare JS
- 13. Angolare 2 variabili componente variabili su un altro componente
- 14. Come iniettare un servizio come dipendenza per un filtro personalizzato in angular.js?
- 15. Come comunicare tra componente in Angolare?
- 16. Typescript: Come utilizzare il filtro $ angolare all'interno del filtro personalizzato
- 17. Angolare 2, componente interno al componente principale
- 18. reindirizzamento all'interno componente angolare 2
- 19. Symfony2: Dove iniettare translation_domain in forma di componente
- 20. angolare 2 setInterval() continuo in esecuzione su un altro componente
- 21. Come posso dimensionare il mio componente personalizzato in modo appropriato?
- 22. Object.defineProperty in ES5?
- 23. Posso iniettare un servizio in una direttiva?
- 24. Come iniettare il risultato del metodo di un servizio come argomento per un altro servizio?
- 25. Angolare 2 Comunicazione componente fratello singolo
- 26. Iniettare il servizio in una classe di destinazione AutoMapper
- 27. Come iniettare lo store in un servizio Ember.Service in unit?
- 28. Come si fa a iniettare un proxy in un servizio?
- 29. Come iniettare il valore angolare e la costante angolare nel test dell'unità di karma?
- 30. angolare UI $ modale transizione componente
mi riferisco alla attuale versione beta di angular2 in questa questione. –