Связывание данных не работает в вложенной директиве

Question

Я новичок в угловом мире. Я пытаюсь создать приложение с многоразовыми вложенными директивами. Вот ссылка на мой код.

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

Я создал два контейнера и связал их на два набор data.Now, если я нажимаю кнопку он должен показать мне данные, связанные с родителем scope.But он показывает только один набор data.When Я отлаживаю, кажется, что обе кнопки привязаны к одной области. Как это разделяет объем этих двух кнопок.

Answer 1

Я получил это с некоторой помощью. Мне нужно было использовать ng-click вместо onclick() Если кто-то сталкивается с той же проблемой, то это обновленный код. Working Code

Благодаря

Answer 2

Поскольку в plunkr так много комментируемого кода, это немного запутывает то, о чем вы просите. Однако одна большая проблема линия:

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

Фигурные скобки {{ сказать Угловая выписывать переменную как строку, так что вы потеряете ссылку на саму переменную. Вместо этого вы хотите:

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

И сфера применения директивы станут:

scope :{ 
     data:"=" 
    }, 

Это поможет вам получить ссылку вы ожидаете. Дайте мне знать, если это приведет вас к правильному пути. Или если вы можете упростить/уточнить свой quesiton.