AngularJS best practice per l'applicazione basata su componenti e su Cms

Question

Sto cercando la migliore pratica per l'approccio angolare a 1 componente e CMS.

Sto progettando di creare modelli di etichette multiple e voglio che questo progetto sia guidato dai componenti, altamente riutilizzabile e guidato da un contenuto CMS.

Sto progettando di utilizzare JSON come un albero di componenti e basta compilare il passo albero dopo passo utilizzando $ compilare servizio come questo:

angular.module('app.compile', [], function($compileProvider) { 
$compileProvider.directive('compile', function($compile) { 
    return function(scope, element, attrs) { 
     scope.$watch(
      function(scope) { 
       // watch the 'compile' expression for changes 
       return scope.$eval(attrs.compile); 
      }, 
      function(value) { 
       // when the 'compile' expression changes 
       // assign it into the current DOM 
       element.html(value); 

       // compile the new DOM and link it to the current 
       // scope. 
       // NOTE: we only compile .childNodes so that 
       // we don't get into infinite loop compiling ourselves 
       $compile(element.contents())(scope); 
      } 
     ); 
    }; 
    }); 
}); 

http://plnkr.co/edit/MwUjE9l6U5wMkE89kwqY?p=preview

1. Vorrei sapere se qualcuno l'ha già provato prima e può condividere il suo feedback?
2. Sembra una buona soluzione? È questa la migliore pratica disponibile?
3. Questo metodo per l'utilizzo del servizio $compile potrebbe comportare problemi di prestazioni?

Answer 1

Preferisco utilizzare componenti angolari. Io uso $ compilazione solo per l'utilizzo dinamico dei miei componenti. Usa le direttive solo per cambiare il DOM. Se il tuo controllo ha un modello usa invece il componente.

Controllare che campione angular components with typescript

Tks!