是否将自定义唯一id分配给angular指令实例？

Question

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

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

谢谢!

Answer 1

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

然后，像toggleWeightPanel()这样的控制器方法只需要传入标识面板的id，它就可以搜索所有已注册面板的作用域以找到匹配的面板，并对其调用适当的方法。

在您的控制器作用域中的某个位置，您应该保留一个面板in列表，以便在ng-click指令中使用，并向下传递到面板指令中。

这有意义吗？

Answer 2

您真的不需要为此提供服务。代码中有一个简单的真/假参数和一个ng-show="ShowMe“。在你的代码中，$scope.ShowMe = true；