我可以將類屬性傳遞給angularJS中的指令模板嗎？

Question

我得到這個指令在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); 
     } 
    } 
}); 

這樣我就可以從這樣的觀點稱之爲：

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

在控制器我有定義的警報對象：

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

我怎樣才能動態地傳遞類型？試過了，它不起作用。如果我將alert-success傳遞給指令，它就可以工作，但我希望它是動態的。

我能夠通過這樣做來動態傳遞它嗎？

感謝

Answer 1

嘗試改變指令，這一個：

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); 
     } 
    } 
}); 

既然你已經分離範圍內使用=於母公司scope屬性

演示Fiddle

Answer 2

在你的鏈接功能，你可以做這樣的事情 attrs.type和attrs.msg檢索傳遞給你的指令值。