Bagaimanakah Saya Boleh Melepasi Pembolehubah Antara Pengawal AngularJS dengan Berkesan?

Melalui Pembolehubah Antara Pengawal AngularJS

Melalui pembolehubah antara pengawal AngularJS ialah tugas biasa dalam pembangunan aplikasi. Satu pendekatan ialah mencipta perkhidmatan untuk berkongsi pembolehubah merentas pengawal.

Mencipta Perkhidmatan Dikongsi

angular.module('myApp', [])
    .service('sharedProperties', function () {
        var property = 'First';

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });

Menggunakan Perkhidmatan

Dalam pengawal, suntikan yang dikongsi perkhidmatan:

function Ctrl2($scope, sharedProperties) {
    $scope.prop2 = "Second";
    $scope.both = sharedProperties.getProperty() + $scope.prop2;
}

Pertimbangan

Untuk pengikatan berfungsi merentas pengawal, adalah lebih baik untuk mengikat pada sifat objek daripada jenis primitif.

// Avoid using primitive types
var property = 'First';

// Use objects
var property = { Property1: 'First' };

Contoh

Lihat [fiddle ini](https://jsfiddle.net/philipjohnson/34qhw/) untuk contoh yang menunjukkan:

• Mengikat kepada salinan statik nilai kongsi

• Mengikat kepada nilai kongsi yang mengemas kini UI apabila nilai berubah

  • Mengikat pada fungsi
  • Mengikat pada harta objek
  • Mengikat dua hala pada harta objek

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melepasi Pembolehubah Antara Pengawal AngularJS dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!