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

Question

<button>expand</button><my-menu></my-menu>我想点击按钮就展开menu,但怎么将menu的API暴露出来给button使用呢？或者有没有其他更好的做法？

Answer 1

不需要暴露什么API， 你只需要在指令上使用自定义属性进行数据双向绑定即可。
比如你需要显示隐藏，你就在指令上使用一个display属性，例如：

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

然后在你的控制器中去控制这个值，比如

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

当然指令中你只需要指定双向绑定的属性即可；

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