Bagaimana untuk Menambah Arahan daripada Arahan Induk dalam AngularJS Tanpa Gelung Infinite?

Menambah Arahan daripada Arahan Induk dalam AngularJS

Dalam AngularJS, seseorang mungkin menghadapi keperluan untuk menambah arahan tambahan pada elemen yang sudah dilengkapi dengan arahan ibu bapa. Walaupun perkhidmatan $compile menawarkan cara untuk mencapai ini, adalah penting untuk mengelakkan gelung tak terhingga.

Untuk mengelakkan isu ini, adalah dinasihatkan untuk memeriksa sama ada atribut yang diperlukan telah dilampirkan pada elemen. Walau bagaimanapun, apabila menggunakan $compile untuk mengemas kini elemen, arahan tidak akan dimulakan.

Adakah Pendekatan ini Sesuai?

Pendekatan yang disebutkan di atas secara amnya sah; walau bagaimanapun, pelarasan mungkin diperlukan untuk memastikan kefungsian yang betul.

Kaedah Alternatif

Penyelesaian alternatif melibatkan memanfaatkan sifat keutamaan untuk menyusun urutan penggunaan arahan pada satu elemen. Arahan dengan nilai keutamaan yang lebih tinggi dilaksanakan terlebih dahulu. Dengan memberikan keutamaan yang tinggi kepada arahan induk, ia boleh memastikan bahawa permulaan arahan itu mendahului arahan anak.

Mengubah Arahan

Berdasarkan perbincangan, perkara berikut versi arahan yang disemak menyediakan penyelesaian yang boleh dilaksanakan.

<code class="javascript">angular.module('app')
  .directive('commonThings', function ($compile) {
    return {
      restrict: 'A',
      replace: false,
      terminal: true, // Prevent subsequent directives from executing
      priority: 1000, // Assign a high priority for early execution
      compile: function compile(element, attrs) {
        // Add additional attributes
        element.attr('tooltip', '{{dt()}}');
        element.attr('tooltip-placement', 'bottom');

        // Remove the parent directive attribute to avoid looping
        element.removeAttr('common-things');
        element.removeAttr('data-common-things');

        return {
          pre: function preLink(scope, iElement, iAttrs, controller) { },
          post: function postLink(scope, iElement, iAttrs, controller) {
            $compile(iElement)(scope);
          },
        };
      },
    };
  });</code>

Arahan yang dikemas kini ini menambah dengan berkesan atribut yang diingini sambil menghalang gelung tak terhingga. Ia menggunakan sifat terminal untuk menghentikan pelaksanaan arahan seterusnya, memastikan arahan itu digunakan selepas arahan kanak-kanak telah dimulakan.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Arahan daripada Arahan Induk dalam AngularJS Tanpa Gelung Infinite?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!