AngularJS嵌套表

Question

我有一个表格，我将其包含在不同的页面上，除非我无法获取所包含的表格中的值，否则这样做很有效。如果我在页面上使用它：

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

该表显示但我无法在文件tasksTable.html中显示该值，这显示未完成：

        <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。

我希望这会有所帮助。