gpt4 book ai didi

javascript - 将自定义唯一 ID 分配给 Angular Directive(指令)实例?

转载 作者:行者123 更新时间:2023-11-28 07:00:22 25 4
gpt4 key购买 nike

我编写了一个滑动面板指令,但我不知道如何在页面上拥有该指令的多个实例。我正在向指令传递一个 panel-id 属性,我需要弄清楚如何使用该 id 来触发正确的面板实例。我这里有一个代码笔:

http://codepen.io/mcastre/pen/Ejzebd

谢谢!

最佳答案

您可以做的是让各个指令通过链接上的 panelService 注册自己(例如,向服务添加一个名为 registerPanel(scope) 的方法)。

然后你的 Controller 方法如toggleWeightPanel()只需要传入标识你的面板的id,它就可以搜索所有注册面板的范围以找到匹配的面板,并调用适当的面板方法就可以了。

在 Controller 范围内的某个位置,您应该保留一个面板 ID 列表,您可以在 ng-click 指令中使用这些面板 ID,并向下传递到面板指令中。 p>

这有意义吗?

关于javascript - 将自定义唯一 ID 分配给 Angular Directive(指令)实例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32192070/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com