Sono in grado di passare un attributo di classe a un modello di direttiva in angularJS?

Question

Ho avuto questa direttiva in angularJS

productApp.directive('notification', function($timeout) { 
    return { 
     restrict : 'E', 
     replace : true, 
     scope : { 
      type: "@", 
      message: "@" 
     }, 
     template : '<alert class="alert alert-type">message</alert>', 
     link : function(scope, element, attrs) { 
      $timeout(function() { 
       element.hide(); 
      }, 3000); 
     } 
    } 
}); 

così posso chiamarlo dalla vista in questo modo:

<notification type="alert.type" message="alert.msg"></notification> 

Nel controllore ho ottenuto l'oggetto avviso definito:

$scope.alert = { type : 'success', msg : 'This is a test'}; 

Come sono in grado di passare il tipo in modo dinamico? provato e non ha funzionato. Se passo il successo di allerta alla direttiva, funziona, ma voglio che sia dinamico.

Sono in grado di passarlo dinamicamente facendo ciò?

Grazie

Answer 1

tenta di modificare la direttiva a questo:

productApp.directive('notification', function($timeout) { 
    return { 
     restrict : 'E', 
     replace : true, 
     scope : { 
      type: "=", 
      message: "=" 
     }, 
     template : '<alert class="alert alert-{{type}}">{{message}}</alert>', 
     link : function(scope, element, attrs) { 
      $timeout(function() { 
       // element.hide(); 
      }, 3000); 
     } 
    } 
}); 

Dal momento che avete isolato uso portata = di legare proprietà ambito padre

Demo Fiddle

Answer 2

nella funzione di collegamento, si può fare qualcosa di simile attrs.type e attrs.msg per recuperare il valore che si passa alla direttiva.