在鏈接功能中打印角度元素標籤名稱

Question

Jsfiddle是here。

在我的指令的邏輯函數，我試圖打印指令元素的標記名稱，

myApp.directive('myDirective', function() { 
    return { 
     link: function (scope, element, attrs) { 
      element.append('<hr>you know, my tag name is ' + element.tagName) 

     } 
    } 
}) 

它打印undefined，而我希望要打印的指令的標籤名my-directive。

Answer 1

你應該使用這個元素[0] .tagName

Answer 2

您可以通過兩種方式做到這一點。

element.append('<hr>you know my tag name is ' + element.prop("tagName")) 

OR 

element.append('<hr>you know, my tag name is ' + element[0].tagName) 

Answer 3

TagName是一個HTML DOM屬性，而不是一個jQuery屬性。將element.tagName更改爲element[0].tagName。