angularjs - 数据绑定在嵌套指令中不起作用

Question

我是角度世界的新手。我正在尝试创建一个具有可重用嵌套指令的应用程序。这是我的代码的链接。

http://plnkr.co/edit/T2CNKQkLEoxjb3TGdp67?p=preview

我创建了两个容器并将它们绑定到两组数据。现在，如果我单击按钮，它应该显示绑定到父范围的数据。但它只显示一组数据。当我调试时，似乎两个按钮都是绑定到一个范围。如何分隔这两个按钮的范围。

Answer 1

我得到了一些帮助。我需要使用 ng-click 而不是 onclick() 如果有人遇到同样的问题，这里是更新的代码。工作代码

谢谢

Answer 2

由于 plunkr 中有很多注释代码，因此您的要求有点令人困惑。然而，一个大问题是这条线：

<container data="{{pie2}}"></container>

花括号{{告诉 Angular 把你的变量写成一个字符串，这样你就失去了对变量本身的任何引用。相反，你会想要：

<container data="pie2"></container>

该指令的范围将变为：

    scope :{
        data:"="
    },

这将帮助您获得您期望的参考。让我知道这是否能让你走上正确的道路。或者，如果您可以进一步简化/澄清您的问题。