Javascript 分配自定义唯一id';s到角指令实例?

Javascript 分配自定义唯一id';s到角指令实例?,javascript,angularjs,user-interface,angularjs-directive,Javascript,Angularjs,User Interface,Angularjs Directive,我编写了一个滑动面板指令,但我不知道如何在一个页面上有多个指令实例。我正在将panel id属性传递给指令,我需要弄清楚如何使用该id来触发正确的面板实例。我这里有一个密码笔: 谢谢 您可以做的是让各个指令在链接上的panelService中注册它们自己(例如,在服务中添加一个名为registerPanel(scope)的方法) 然后,您的控制器方法(如toggleWeightPanel())只需传入标识您的面板的id,它就可以搜索所有已注册面板的作用域以找到匹配的,并对其调用适当的方法 在控

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


谢谢

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

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

在控制器范围内的某个地方,您应该保留一个面板ID列表,您可以在
ng click
指令中使用该列表,并将其传递到面板指令中


这有意义吗?

您可以让各个指令在链接上的
panelService
中注册它们自己(例如,在服务中添加一个名为
registerPanel(scope)
的方法)

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

在控制器范围内的某个地方,您应该保留一个面板ID列表,您可以在
ng click
指令中使用该列表,并将其传递到面板指令中


这有意义吗?

你真的不应该为此需要服务。代码中有一个简单的true/false参数和一个ng show=“ShowMe”。在代码集中,$scope.ShowMe=true

你真的不应该为此需要服务。代码中有一个简单的true/false参数和一个ng show=“ShowMe”。在代码集中,$scope.ShowMe=true

那么ng click函数如何知道要打开哪个指令实例呢?那么ng click函数如何知道要打开哪个指令实例呢?