Bagaimanakah Pengawal AngularJS Boleh Berkomunikasi Antara Satu Sama Lain?

Komunikasi Silang Pengawal AngularJS

Bolehkah satu pengawal AngularJS memanggil yang lain?

Ya, AngularJS menyediakan pelbagai mekanisme untuk pengawal berkomunikasi dengan setiap satu lain.

Berkongsi Perkhidmatan

Satu pendekatan berkesan ialah berkongsi contoh perkhidmatan antara pengawal:

angular.module('MyApp', [])
  .service('SomeDataService', function() {
    // Shared data or methods
  })

function FirstController(SomeDataService) {
  // Use the data service...
}

function SecondController(SomeDataService) {
  // Access the same data service instance
}

Memancarkan Peristiwa pada Skop

Kaedah lain melibatkan pemancaran peristiwa pada skop:

function FirstController($scope) {
  $scope.$on('someEvent', function(event, args) {
    // Listen for the event
  });
}

function SecondController($scope) {
  $scope.$emit('someEvent', args);
  // Trigger the event
}

Kaedah Komunikasi Tambahan

AngularJS juga menyokong:

• Komunikasi Pengawal Ibu Bapa-ke-Anak: Menggunakan $scope .$parent
• Komunikasi Pengawal Anak-ke-Ibu Bapa: Menggunakan $scope.$parent.$emit()
• Komunikasi Rentas Pengawal melalui Root Scope: Menggunakan $rootScope.$broadcast() atau $rootScope.$emit()
• Penyiaran Acara Tersuai: Menggunakan kaedah $broadcast dan $on Angular dalam pengawal atau arahan

Atas ialah kandungan terperinci Bagaimanakah Pengawal AngularJS Boleh Berkomunikasi Antara Satu Sama Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!