Front-end - Bagaimana untuk mendapatkan atribut nama tag tersuai dalam sudut?

Question

<livebit name="" age=""></livebit>

Dapatkan atribut nama dalam pautan arahan

Answer 1

Anda perlu menulis arahan anda sendiri untuk ini, contoh:

<livebit name="" age=""></livebit>

 angular.module('MyApp').directive('livebit', [function() {
    return {
        restrict: 'E',  
        link: function (scope, elm, attrs) {
             arrts.name  //就可以拿到 name的值
             attrs.age //同上哦
        };
}]);

// restrict 的取值
     E == element（根据元素名找 livebit）
     C == class (根据类名来找 livebit)
     A == attribute （根据属性名找 livbit）
     ACE == 能找的都找

Jadi teg tersuai anda boleh ditulis dalam beberapa cara:
Ada yang ini:

restrict = 'E'
<livebit name="" age=""></livebit>

Jenis ini:

    restrict = 'C'
<p class="livebit" name="" age=""></p>

Ada juga ini:

restrict = 'C'
<p name="" age="" livebit></p>

Selepas mencari elemen, anda boleh melakukan apa sahaja yang anda mahu dengan teg anda melalui panggilan balik pautan.
Contohnya

请输入代码
  elm.appendChild(xxxxx)
  $(elm).jquery-插件xxx()
  .........
 ...........