Comment compiler un template Angular
Publié le 7 Mai 2015
Maintenant qu'on sait comment télécharger un template angular il va falloir le traiter ou le compiler. C'est à dire remplacer toutes les doubles accolades {{}} par les valeurs correspondantes.
Cela se fait en 2 étapes:
- La compilation qui va produite une fonction qui pourra être utilisée pour générer un element HTML en lui passant un contexte ou scope.
- La liaison où on utilise la fonction précédente pour lier un élément HTML à un scope
Ce qui donne:
// html est une string contenant un template html
var bind = $compile(angular.element(html));
var element = bind($scope);
ou en une seule ligne:
var element = $compile(angular.element(html))($scope);
Si au lieu d'un élément HTML on a besoin d'une string on peut utiliser $interpolate au lieu de $compile.