您的位置:首页技术文章
文章详情页

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

【字号: 日期:2024-03-05 11:30:52浏览:64作者:猪猪

问题描述

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

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

问题解答

回答1:

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

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

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

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

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

Module.directive('myMenu', function(){ return { scope: { display : ’=’ } ... } })回答2:

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

回答3:

提供一个方法可以在指令中进行emit, 然后controller进行on监听另外,一般指令是外部像内部传值 才能达到指令的灵活性 ,如果这样每次修改API不是得修改指令了?

标签: JavaScript
相关文章: