帶“ E”的角指令，不能添加類

Question

最近學習angularjs，我對指令有疑問。 當我創建“ E”時，嘗試在其上添加一個類調用“ panel”（它將背景色設置為紅色），它不起作用，但是當我創建“ A”時，它實際上起作用。 有人知道為什么會發生嗎？

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'world';
});

app.directive("pop", function() {
  return {
    restrict: 'E',
    template: '<div button>' +
      'popup window, hello' +
      '</div>',
    link: function(scope, element, attrs) {
      test(element);
    }
  }
});


app.directive("button", function() {
  return {
    restrict: "A",
    link: function(scope, element, attrs) {
     // test(element);
    }
  }
})

function test(element) {
  element.bind("mouseenter", function() {
    element.addClass("panel");
  });
}

http://plnkr.co/edit/9cLRYIaHH4Rl4bO5GAOp?p=preview

Answer 1

如果添加position:absolute; 到.panel的CSS，它可以按預期工作，請參閱下面的plunkr。 這里的問題是自定義標記元素的默認樣式，而不是與angular有關的任何樣式。

看到http://plnkr.co/edit/CEyCzfNu1gWQAe0q8VbP?p=preview