Bagaimanakah Pengawal Boleh Berkomunikasi Antara Satu Sama Lain dalam AngularJS?

Komunikasi Antara Pengawal dalam AngularJS

Dalam AngularJS, satu pengawal boleh memanggil yang lain. Terdapat beberapa pendekatan untuk mencapai matlamat ini, masing-masing mempunyai kelebihan dan kes penggunaannya sendiri.

Suntikan Ketergantungan

Dalam contoh yang disediakan, dokumen HTML menggunakan pengawal MessageCtrl untuk memaparkan mesej. Untuk menghantar data daripada pengawal lain, anda boleh membuat perkhidmatan yang menjadi pengantara komunikasi.

<br>angular.module('myApp', []).<br> service('DataService' , function() {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">this.data = { date: new Date().toString() };

Salin selepas log masuk

}).
pengawal('MessageCtrl', ['$scope', 'DataService', function($scope, DataService) {

$scope.message = DataService.data.date;

}]).
controller('DateCtrl', ['DataService', function(DataService) {

DataService.data.date = 'Custom date format';

}]);

Dalam senario ini, MessageCtrl mempunyai akses kepada DataService, yang juga digunakan oleh DateCtrl untuk mengubah suai format tarikh. Ini memastikan komunikasi yang disegerakkan antara pengawal.

Peristiwa Skop

Kaedah lain ialah memancarkan peristiwa pada skop. Apabila acara dipancarkan, semua pengawal yang telah mendaftarkan pendengar untuk acara itu boleh bertindak balas.

<br>angular.module('myApp', []).<br> controller(' MessageCtrl', ['$scope', function($scope) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$scope.$on('dateUpdated', function(event, newDate) {
  $scope.message = newDate;
});

Salin selepas log masuk