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

时间:2013-08-19 12:35:45

标签: angularjs angularjs-directive angularjs-scope

我是角度世界的新手。我正在尝试使用可重复使用的嵌套指令创建应用。 这是我的代码的链接。

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

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

2 个答案:

答案 0 :(得分:1)

我得到了一些帮助。 我需要使用ng-click而不是onclick() 如果有人在这里遇到同样的问题,那么更新的代码就是Working Code

由于

答案 1 :(得分:0)

由于plunkr中有如此多的注释代码,因此您要问的内容有点令人困惑。然而,一个大问题是这条线:

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

花括号{{告诉Angular将变量写为字符串,因此您将失去对变量本身的任何引用。相反,你会想要:

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

指令的范围将变为:

    scope :{
        data:"="
    },

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