栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

指令的访问控制器范围

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

指令的访问控制器范围

创建第二个指令作为包装器:

ngGrid.directive("columnwrapper", function() {  return {    restrict: "E",    scope: {      onsort: '='    }  };});

然后,您可以引用该函数以在外部指令中调用一次:

<columnwrapper onsort="controllerOnSort">  <sort-column sortby="Name">Name</sort-column>  <sort-column sortby="DateCreated">Date Created</sort-column></columnwrapper>

然后,您可以在“ sortColumn”指令中通过调用以下命令来调用该引用的函数

scope.$parent.onsort();

有关工作示例,请参见此提琴:http :
//jsfiddle.net/wZrjQ/1/

当然,如果您不关心硬编码的依赖项,也可以只使用一个指令,而只需在父作用域(然后是有问题的控制器)上调用函数即可,

scope.$parent.controllerOnSort():

我还有另一个小提琴显示此内容:http :
//jsfiddle.net/wZrjQ/2

此解决方案与其他答案)的解决方案具有相同的效果(对硬耦合有相同的批评),但至少比该解决方案更容易。如果无论如何您都很难相处,我认为引用控制器没有意义,因为它很可能一直在$scope。$ parent中可用(但要注意设置范围的其他元素)。

不过,我会寻求第一个解决方案。它增加了一些标记,但解决了问题并保持了清晰的分隔。另外,如果将第二个指令用作直接包装器,则可以确保$ scope。$parent与外部指令匹配。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/636187.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号