首頁(yè) 猿問(wèn) angularJS指令如何暴露AP...

angularJS指令如何暴露API給外面的controller使用？

JavaScript

搖曳的薔薇 2018-11-22 18:14:07

<button>expand</button><my-menu></my-menu>我想點(diǎn)擊按鈕就展開menu,但怎么將menu的API暴露出來(lái)給button使用呢？或者有沒有其他更好的做法？

查看完整描述

1 回答

萬(wàn)千封印

TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊

不需要暴露什么API，你只需要在指令上使用自定義屬性進(jìn)行數(shù)據(jù)雙向綁定即可。
比如你需要顯示隱藏，你就在指令上使用一個(gè)display屬性，例如：

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

然后在你的控制器中去控制這個(gè)值，比如

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

當(dāng)然指令中你只需要指定雙向綁定的屬性即可；

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

反對(duì) 回復(fù) 2018-12-22

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)