Mengapa Gunakan Sintaks \"pengawal sebagai\" dalam AngularJS?

Memahami Sintaks "pengawal sebagai" AngularJS

Pengenalan

AngularJS memperkenalkan sintaks baharu untuk mentakrifkan pengawal, "pengawal sebagai", yang telah menimbulkan beberapa soalan tentang tujuannya. Artikel ini bertujuan untuk menjelaskan rasional di sebalik sintaks ini dan faedahnya.

Pengawal sebagai Sintaks

Sintaks "pengawal sebagai" membolehkan anda membuat instantiate pengawal dan menetapkannya kepada pembolehubah dalam semasa skop. Contohnya:

<code class="javascript">controller('InvoiceController as invoice')</code>

Kod ini memberitahu Angular untuk mencipta tika InvoiceController dan menyimpannya dalam pembolehubah invois dalam skop semasa.

Mengalih keluar $scope daripada Controller

Satu perbezaan ketara dengan sintaks "pengawal sebagai" ialah ia menghapuskan parameter $scope daripada takrifan pengawal. Ini membolehkan pengawal yang lebih bersih dan ringkas:

<code class="javascript">// With $scope
function InvoiceController($scope) {
  // Do something with $scope.qty
}

// With controller as
function InvoiceController() {
  // Do something with this.qty
}</code>

Menetapkan Alias ​​dalam Paparan

Semasa mengalih keluar $scope daripada pengawal memudahkan kod, ia memerlukan anda untuk menentukan alias dalam paparan:

<code class="html">// With $scope
<input type="number" ng-model="qty" />

// With controller as
<input type="number" ng-model="invoice.qty" /></code>

Tujuan pengawal sebagai Sintaks

Sintaks "pengawal sebagai" telah diperkenalkan terutamanya atas sebab-sebab ini:

• Pengalihan $scope: Sesetengah pembangun lebih suka mengelak sintaks $scope, kerana mempercayai bahawa ia mengaburkan sumber sifat.
• Kejelasan Asal Harta: Dengan menggunakan alias dalam paparan, ia menjadi jelas yang mana sifat milik pengawal yang mana. Ini amat berguna apabila pengawal bersarang.
• Mengelakkan Isu Peraturan Dot: Sintaks "pengawal sebagai" membantu mengelakkan masalah dengan "peraturan titik" AngularJS, yang boleh menyukarkan untuk mengakses sifat daripada pengawal ibu bapa. Ia membenarkan akses yang jelas dan berhierarki kepada sifat pengawal.

Atas ialah kandungan terperinci Mengapa Gunakan Sintaks \"pengawal sebagai\" dalam AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!