javascript - Bagaimanakah arahan angularJS mendedahkan API kepada pengawal luaran?

Question

<button>expand</button>
<my-menu></my-menu>

Saya mahu klik butang untuk mengembangkanmenu,但怎么将menu的API暴露出来给buttonbagaimana cara menggunakannya?
Atau adakah cara lain yang lebih baik?

Answer 1

Tidak perlu mendedahkan sebarang API, anda hanya perlu menggunakan atribut tersuai pada arahan untuk pengikatan data dua hala.
Sebagai contoh, jika anda perlu menunjukkan atau menyembunyikan, anda boleh menggunakan atribut paparan pada arahan, contohnya:

<my-menu display="someCtrlValue" ></my-menu>

Kemudian kawal nilai ini dalam pengawal anda, seperti

 if(condition){
   $scope.someCtrlValue = true;
 }
 

Sudah tentu anda hanya perlu menentukan atribut pengikat dua hala dalam arahan;

 Module.directive("myMenu", function(){
   return {
       scope: {
           display : '='
       }
       ...
   }
 })

Answer 2

Apabila menulis arahan my-menu, anda boleh menentukan atribut pengikatan dua hala, seperti runtuh, dan kemudian menggunakannya melalui <my-menu collapse="val"></my-menu>, dan kemudian gunakan acara ng-klik butang boleh mengawal pembolehubah val (benar/salah). Kemudian apabila mentakrifkan arahan, pengikatan dua hala dicapai melalui skop bebas Sila rujuk artikel ini di http://xgfe.github.io/2015/12...

.

Answer 3

Sediakan kaedah untuk memancarkan dalam arahan, dan kemudian pengawal melakukan pemantauan
Selain itu, fleksibiliti arahan hanya boleh dicapai dengan menghantar nilai dari luar ke dalam arahan. t arahan itu perlu diubah suai setiap kali API diubah suai?