Как обновить переменные в представлении ng-include

Question

У меня есть форма и представление, которое отображает данные из этой формы. Я хочу разделить форму и представление (что будет более того).

Вот мой код:

<div data-ng-controller="dataController" class="container"> 
    <div data-ng-view></div> 
    <div ng-include="templates.simple" scope="data"></div> 
</div> 

Входящая вид показывает исходные данные хорошие, но не реагирует на любые изменения данных. Как это исправить?

data есть и объект с некоторыми полями. templates.simple переменная рамки с шаблоном URL

Пример кода: http://plnkr.co/edit/ibrsBaq8osYuEODGiM6O

Answer 1

Причина связывания не работает в вы reinitalizing в createDataController который снова создавая data объект для этого ng-view шаблона. Это можно решить, удалив из контроллера createDataController.

Код

$routeProvider 
    .when('/', { 
     templateUrl: 'form.html', 
     //controller: 'createDataController' 
    }) 

Plunkr Here

Update

Другой путь будет, если вы хотите загрузить контроллер дважды еще doen't никакого смысла, хотя. Вы можете сделать это, написав ng-init на внешнем div, вместо того, чтобы объявлять эту переменную из контроллера.

<div data-ng-controller="createDataController" ng-init="data = {name: 'texy'}"> 
    <div data-ng-view></div> 
    <div data-ng-include="'template.html'"></div> 
</div> 

Updated Plunkr