防止從複製的角度屬性時更換=真

Question

以下指令：

var app = angular.module('demo', []); 
app.directive('myDirective', function() { 
    return { 
     restrict: 'E', 
     template: '<h1>Foo bar</h1>' 
    }; 
}); 

用下面的用法：

<my:directive foo="bar"></my:directive> 

呈現以下HTML：

<my:directive foo="bar"><h1>Foo bar</h1></my:directive> 

因爲我想用我提供的模板replace:true替換我的指令。這將產生以下HTML：

<h1 foo="bar">Foo bar</h1> 

注意，角複製了我的指令的屬性模板要素（foo="bar"）。我怎樣才能防止這種行爲？

Answer 1

您可以手動刪除屬性的指令的鏈接功能：

.directive('myDirective', function() { 
     return { 
      restrict: 'E', 
      replace: true, 
      template: '<h1>Foo bar</h1>', 
      link: function(scope, elm, attrs){ 
       elm.removeAttr('foo'); 
      } 
     }; 
    }); 

這裏的a fiddle這個指令在您的情況的工作。

編輯：您可以擴展此刪除所有與一個簡單的循環動態屬性：

.directive('myDirective', function() { 
     return { 
      restrict: 'E', 
      replace: true, 
      template: '<h1>Foo bar</h1>', 
      link: function(scope, elm, attrs){ 
       for(var attr in attrs.$attr){ 
        elm.removeAttr(attr); 
       } 
      } 
     }; 
    });