Bagaimana untuk Berkongsi Data $skop Antara Negeri dalam AngularJS Tanpa Perkhidmatan atau Pemerhati?

Berkongsi $scope Data Antara Negeri dalam AngularJS

Soalan:

Bagaimanakah $scope data daripada pengawal induk boleh diakses oleh keadaan anak dalam AngularJS tanpa menggunakan perkhidmatan atau pemerhati pengawal induk?

Jawapan:

Memahami Warisan Skop

Dalam AngularJS, sifat skop mewarisi rantaian keadaan jika pandangan keadaan bersarang. Oleh itu, takrifkan pandangan keadaan seperti berikut:

.state("main", {
      controller:'mainController',
      url:"/main",
      templateUrl: "main_init.html"
  })  
  .state("main.1", {
      controller:'mainController',
      parent: 'main',
      url:"/1",
      templateUrl: 'form_1.html'
  })  
  .state("main.2", {
      controller:'mainController',
      parent: 'main',
      url: "/2",
      templateUrl: 'form_2.html'
  })  

Memulakan Data dalam Pengawal Induk

Segerakan data dalam pengawal induk sebagai objek dengan sifat, seperti:

controller('mainController', function ($scope) {
  $scope.Model = $scope.Model || {Name : "xxx"};
})

Menggunakan Notasi Titik dalam model ng

Pastikan pewarisan prototaip dengan menggunakan tatatanda titik dalam model ng, cth.:

<input type="text" ng-model="Model.Name">

Contoh:

Lihat contoh yang berfungsi dalam Plunker ini: https://plnkr.co/edit/jmEb62e96kHlXPjLGBb9?p=preview

Atas ialah kandungan terperinci Bagaimana untuk Berkongsi Data $skop Antara Negeri dalam AngularJS Tanpa Perkhidmatan atau Pemerhati?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!