CSS Lazy Loading

[Yehonal]

Studiare la possibilità di effettuare un lazy loading di files css "legati" ad un controller / componente ( template )

[darioTecchia]

Girovagando per il mondo, con la mia sfera poké ho trovato questo:

<script>
  var cb = function() {
    var l = document.createElement('link'); l.rel = 'stylesheet';
    l.href = 'yourCSSfile.css';
    var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
  };
  var raf = requestAnimationFrame || mozRequestAnimationFrame ||
    webkitRequestAnimationFrame || msRequestAnimationFrame;
  if (raf) 
    raf(cb);
  else 
    window.addEventListener('load', cb);
</script>

[Yehonal]

Si per caricarli è molto semplice, basta creare l'elemento.
Il sistema comunque dovrebbe prevedere di:

1. caricare un css insieme al template di un componente / controller

2. rimuovere un css quando quel componente / controller viene rimosso

questo si può fare tramite l'assegnazione di un id univoco per ogni ...però se c'era una soluzione tramite un plugin / tecnica di angular ad esempio sarebbe più comodo :)