하위 작업이있을 수있는 작업 목록이 있습니다. 이것은 중첩 구조이고 전체 트리를로드하고 싶지 않습니다. 루트 수준 만로드 한 다음 사용자 요구에 따라 각 분기를로드하고 싶습니다.중첩 된 ngInclude로 바인딩 중단
이<div ng-repeat="task in tasks" class="task">
{{task.name}}
<a href ng-click="expand(task)">expand</a>
<a href ng-click="remove(task, tasks)">remove</a>
<div ng-show="task.subtasks" ng-init="tasks = task.subtasks" ng-include="'tasks.html'"></div>
</div>
컨트롤러 : 사용자가 지점 및 하위 작업을 확장
app.controller 'MainCtrl', ($scope, $http) ->
$http.get('tasks.json').then (tasks) ->
$scope.tasks = tasks.data
$scope.expand = (task) ->
if !task.subtasks
$http.get("subtasks.json").then (tasks) ->
task.subtasks = tasks.data
task.expanded = yes
$scope.remove = (task, list) ->
list = _.reject list, id:task.id
가로드되는, 그것은하지 않습니다 그래서 내가 여기 TAKS의 목록을 전달하는 ng-includes
및 ng-init
을 중첩하고 사용하고있어 템플릿입니다 업데이트보기, 그래서 ng-include 새 하위 범위를 만듭니다 가정합니다. 이 문제를 어떻게 처리 할 수 있습니까?
는 여기에 내가 커피 스크립트에 정통하지 오전이 http://plnkr.co/edit/AkIZV1PkD5a3AzCBen8R
로 여기에 내가 당신의 생각 http://plnkr.co/edit/jUSli6m1uz63BJj7Rom3을 시험 쿵하는 소리지만이 도움이되지 않습니다. 나는'task.subtasks'가 정의되지 않았다는 사실이 문제가 아니라고 생각합니다. $ scope.tasks는 어느 시점에서 정의되지 않았지만 문제가되지는 않습니다. – SET
생성 된 HTML을 보면, 자식을 생성하고 있습니다. , 그러나 그들은 숨겨져 있습니다. – Chandermani
죄송합니다. 내 잘못입니다. 고맙다, 일한다. – SET