html5, angularJS con compilador de cierre y/o biblioteca de cierre

Question

Estoy considerando html5, angularJS para el enlace de datos y también el compilador de cierre de google y la biblioteca de cierre para aplicaciones web interactivas. ¿Esos funcionan bien juntos? Lamentablemente parece que no hay informes detallados hasta ahora.

Tengo experiencia en adobe flex, pero soy bastante nuevo en js puros. Entonces, las preguntas se pueden considerar desde la perspectiva de un principiante. No hay una base de código que deba ser portada, todo se desarrollará desde cero.

1. ¿Alguien más está usando esta combinación exitosamente?
2. ¿Hay algún informe de primera mano?
3. ¿Recomienda las tecnologías individuales en este contexto, o hay mejores alternativas para combinar?
4. ¿Hay algún buen ejemplo, proyecto de ejemplo o incluso tutoriales (para la combinación, no las tecnologías individuales)?
5. ¿Alguna dificultad que un principiante debe tener en cuenta?
6. ¿Hay alguna otra tecnología ortográfica que también deba usar o al menos considerar?

Algunos enlaces más o menos relevantes Ya he encontrado:

• https://groups.google.com/forum/#!msg/angular/hePiqQA-MCI/uTirEtNLahwJ
• https://groups.google.com/forum/#!msg/angular/QpdXrTLG7Ac/zjZAQVOqRlgJ

Answer 1

Closure Compiler

Definitivamente, usted puede compilar el código (en sí angular está compilado con C Cierre ompiler), aunque solo puede usar optimizaciones simples en este punto.

En general, queremos que Angular funcione bien junto con el compilador.

biblioteca Cierre

Hay un montón de proyectos dentro de Google, el uso de la biblioteca junto con angular.

Usan goog.provide() y goog.require() para las dependencias. También el uso de las utilidades como goog.isString() o goog.inherits() es absolutamente sencillo.

El uso de componentes de interfaz de usuario de cierre puede requerir un trabajo adicional (aunque, una vez más, hay proyectos que lo utilizan).

Answer 2

Esperanza esta ayuda

Cambiar código

function MyCtrl($scope) {/* code */} 

Para

var MyCtrl = ['$scope', function($scope) {/* code */}]