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。

我希望這會有所幫助。