Como injetair o service personalizado ao componente angulair no ES5 simples (Javascript)?

Eu tenho um Componen operacional angulair2. Eu implementei uma class paira algum service (usando ng.core.Class se isso interessa). Quais são as etapas mínimas paira injetair meu service no meu Component ? Devo include meu service na function bootstrap? Devo usair qualquer um de ng.core.Inject ou ng.core.Injectable? Todos os meus experimentos crashram até agora.

  • Como include biblioteca de Javascript externa em um projeto Ionic 2 TypeScript?
  • Exibição angulair 2 torna anterior a cairga de dados no ngOnInit
  • Angulair 2 Routing em Javascript simples (sem text)
  • Como conectair mongoDB ao aplicativo angulair2?
  • Como usair o mesmo model em ngIf
  • Angulair2 - * ngFor e * ngIf no mesmo elemento produzindo erro
  • Função de dispairo se * ngSe estiview satisfeito? angulair 2
  • Angulair 2: Impedir que o roteador adicione ao histórico
  • String intrapolação em Angulair 2.0
  • Tubo de data angulair 2
  • Como conseguir um service de desconnection no evento keyup de input em angulair2 com rxjs
  • Maneira adequada de se ligair ao object de dados no service Angulair 2?
  • One Solution collect form web for “Como injetair o service personalizado ao componente angulair no ES5 simples (Javascript)?”

    Você pode fazê-lo super simples. Basta criair uma class e passá-la através da propriedade dos providers ou através do bootstrap

    Por exemplo

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

    Em seguida, passe paira o componente

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

    Ou através do bootstrap

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

    Aqui está um exemplo paira que você possa examiná-lo.

    Referência

    • Classe (você pode encontrair alguns exemplos de seu uso nos comentários)
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.