AngularJS Вложенная таблица

Question

У меня есть таблица, которую я включаю на разные страницы, это отлично работает, за исключением того, что я не могу получить значения в прилагаемой таблице. Если я использую это на странице:

<div data-ng-include="'/app/views/tasks/tasksTable.html'" /> 

таблица показывает вверх, но я не могу отобразить значение в файле tasksTable.html, это показывает undefinded:

 <td> 
      <i class="icon-ok-sign" ng-click="addTask()"></i> 
     </td> 
     <td> 
      <input ng-model="task" /> 
     </td> 

От контроллера:

$scope.addTask = function (data) { 
     console.log($scope.task);   
    }; 

Если я помещаю таблицу в свой файл вместо использования ng-include для отображения таблицы, я могу отображать все, что я набираю, на вход, привязанный к ng-model = "task".

Answer 1

Причина, по которой вы не можете получить доступ к заданию , объясняется двумя причинами. Во-первых, это потому, что ng-include создает новую область для шаблона, являющегося дочерним элементом области родительского контроллера. Вторая причина заключается в том, что вы привязываете свою строковую модель непосредственно к области и не создаете объект, содержащий вашу модель. Я создал working CodePen example, чтобы продемонстрировать, как решить вашу проблему.

Вы должны read up on prototypical inheritance and how it affects on scopes.

Надеюсь, это поможет.