Angularjs - ng-include 템플릿의 데이터에 액세스하여 동일한 컨트롤러 내에서 다른 템플릿을 통해 수정하는 방법

Question

개선을 위해 애쓰는 것은 내 앱에서 두 개의 다른 템플릿을 사용하는 것입니다. 하나는 ng-repeat를 통해 생성됩니다.

<div ng-repeat="data in tree" ng-include="'templates/question.html'"></div> 

그리고 다른 하나는 다음과 같이 생성됩니다

<div ng-include="'templates/question_editor.html'"></div> 

질문 템플릿은 버튼 클릭에 사용자에 의해 생성되며, 또한 다른 질문 내포 한 문제는 ng-를 사용 할 수 있도록 기본적으로 반복.

달성하려고하는 것은 해당 질문 div 중 하나를 클릭 할 때마다 (내 질문 템플릿은 기본적으로 divs 구조 임), 해당 div 안에있는 정보가 필요한 경우 (여러 필드 일 수 있음) 각 질문에 대한 고유 한 정보 포함)을 내 question_editor 템플리트의 일부 필드에 채우고 question_editor 템플리트 필드를 업데이트하면 클릭 한 질문의 필드가 업데이트됩니다.

제가 생각하기에 컨트롤러 하나를 사용하는 줄에 질문에서 question_editor로 변수를 전달하고 question_editor의 필드를 채 웁니다. 각 템플릿마다 다른 컨트롤러를 사용하고 다른 컨트롤러간에 정보를 전달하는 것이 더 좋을까요? http://jsfiddle.net/cwrEn/1/

Answer 1

당신은 내가 당신에서 편집이 fiddle를 확인하고 만약 당신이 원하는 알려 수 있습니다

jsFiddle 당신에게 내 된 div의 구조를 보여 불과합니다!

angular.module("myApp", []).controller("MainController", ['$scope', function($scope) { 
    $scope.currentQuestion = null; 
    $scope.questions = [ 
     { 
      name: 'question 1', 
      fields:['option 1', 'option 2'] 
     }, 
     { 
      name: 'question 2', 
      fields:['option 3', 'option 4', 'option 5'] 
     }, 
    ]; 

    $scope.setCurrentquestion = function(question){ 
     $scope.currentQuestion = question; 
    } 
}]);