javascript - angularJS指令如何暴露API给外面的controller使用？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

伊谢尔伦 2017-06-17 09:15:37

[AngularJS讨论组]

1745

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

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

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(3)

大家讲道理2017-06-17 09:17:37 3楼

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

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

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

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

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

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

赞 +0

添加回复

高洛峰2017-06-17 09:17:37 2楼

你可以在写my-menu指令的时候，指定一个双向绑定属性，比如collapse,然后通过<my-menu collapse="val"></my-menu>这样使用，然后通过button的ng-click事件控制val变量(true/false)就可以。然后在定义指令时，通过独立作用域实现双向绑定，可参考http://xgfe.github.io/2015/12...这篇文章

赞 +0

添加回复