AngularJS-與標准html元素名稱相同的自定義指令

Question

如果創建的指令與標准html屬性或元素名稱相同，會發生什么情況？ 例如，如果我定義：

.directive('link', function(){
  return {
    restrict: 'A',
    link: function(scope, elements, attributes){
      // do something
   }
})

這樣使用

<a link="http://www.foo.com" ng-href="www.google.com">Conditional Link </a>

是否會與標准<link rel="stylesheet" type="text/css" href="theme.css">元素<link rel="stylesheet" type="text/css" href="theme.css"> ？

也許在這種情況下，這不是因為我僅將指令限制為屬性，而是我的問題更籠統。

例如，如果我將指令命名為href怎么辦？
指令是否始終優先於標准html元素或屬性？

Answer 1

指令可以將行為附加到現有的html元素。 如果您創建指令href，我相信應該沒有問題，除非您的指令將自身刪除（或href ）。 沒有優先級的概念，除非在同一元素上定義或應用了多個指令。

請記住，您無法更改瀏覽器的行為，如果瀏覽器看到帶有遠程URL的href，則無論如何都會發出請求。

AngularJS本身使用<input />作為指令，並且可以在不影響標准輸入行為的情況下正常工作。