Uso di angular 2 senza compilatore dattiloscritto

Question

Sto cercando di imparare e passare la mia app a angular 2 ma ho un problema con dattiloscritto. il problema è che non sono in grado di usarlo. nel mio ambiente corrente non posso usare un compilatore. al momento sto eseguendo il file node.exe (eseguibile node.js) ma non l'intera applicazione node.js solo l'eseguibile, il che significa che non posso eseguire npm. ma angular 2 è scritto in dattiloscritto quindi deve essere compilato in javascript prima di essere inviato al browser. C'è un modo per ottenere una versione pre-compilata di angular 2 (quindi è in javascript) così posso scrivere il mio codice in javascript e far funzionare tutto senza un compilatore? se non c'è un modo per installare e utilizzare manualmente il compilatore dattiloscritto con il solo eseguibile node.exe.

Per essere chiari, questo non è perché non voglio usare dattiloscritto perché nella mia situazione attuale non posso installare dattiloscritto.

Answer 1

Angular2 è disponibile in TypeScript, JavaScript e Dart. Non c'è bisogno di usare TypeScript.

Vedi
- https://angular.io/docs/js/latest/index.html
- http://blog.thoughtram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html
- http://blog.thoughtram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html

Vedi anche Is it possible to use ES5 JavaScript with Angular 2 instead of TypeScript?

<script src="https://code.angularjs.org/2.0.0-beta.3/Rx.umd.js"></script> 
<script src="https://code.angularjs.org/2.0.0-beta.3/angular2-polyfills.js"></script> 
<script src="https://code.angularjs.org/2.0.0-beta.3/angular2-all.umd.dev.js"></script> 

Answer 2

Se si desidera utilizzare dattiloscritto di scrivere la vostra applicazione, è necessario un transpiler:

• statico. Ad esempio con un comando tsc -w in esecuzione in background
• al volo. Direttamente all'interno del browser utilizzando il file typescript.js

Detto questo, è possibile scrivere solo le applicazioni Angular2 con ES5. Ecco un esempio:

• http://blog.thoughtram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html

Modifica

Quando si include questi file JavaScript fro Angular2 (cartella node_modules/angular2/bundles), non v'è nulla di dattiloscritto:

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script> 
<script src="node_modules/rxjs/bundles/Rx.js"></script> 
<script src="node_modules/angular2/bundles/angular2.dev.js"></script> 
<script src="node_modules/angular2/bundles/router.dev.js"></script> 
<script src="node_modules/angular2/bundles/http.dev.js"></script> 

Questi file sono stati trascritti in JavaScript. Quindi non c'è bisogno di avere TypeScript. Con loro, puoi implementare la tua applicazione solo con ES6.

Per utilizzare ES5 solo, è necessario includere questi:

<script src="node_modules/angular2/bundles/Rx.umd.js"></script> 
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
<script src="node_modules/angular2/bundles/angular2-all.umd.dev.js"></script>