AngularJS 上可重用点击编辑指令的问题答案

【问题标题】：Problems with a reusable Click to Edit Directive on AngularJSAngularJS 上可重用点击编辑指令的问题
【发布时间】：2014-03-03 01:03:16
【问题描述】：

我正在使用来自Icelab 的可重用点击编辑指令。我已经在我的应用程序的几个地方成功地使用了它，但是当我尝试编辑其他指令中的元素时遇到了问题。

由于指令是一一调用元素，如下代码：

<my-continent text='{{questions.n2A.answer.1.name}}' continent-id="1"></my-continent>

我看不出如何在其中实现可重用指令，因为它会生成一个通用的 html 代码块，而不是针对使用我的大陆指令调用的每个元素的特定代码块。

我创建了一个Plunker，问题是可见的。

如果我将 click-to-edit 指令添加到 my-continent 中，它会中断。当我将 click-to-edit="questions.n2A.answer.1.name" 添加到如下所示的行时，您可以在 html 的第 47 行看到我的意思。

 <my-continent text='{{questions.n2A.answer.1.name}}' continent-id="1" click-to-edit="questions.n2A.answer.1.name"></my-continent>

知道我错过了什么吗？

谢谢！

【问题讨论】：

【解决方案1】：

我已使用您的 plunker 检查您的问题，当我将点击编辑添加到 myContinent 时，控制台链接到此错误：

所以基本上你的代码不起作用，因为你在两个指令中都创建了新的范围。希望有帮助

【讨论】：