Iteration der Schleife in Winkel js (ng-Wiederholung)

Question

Dies ist meine json Objekt. Wie durchlaufe ich Test- und Testwerte innerhalb von data_options->"key"->options und zeige sie in Checkbox-Werten an?

{ 
    "data": { 
     "0": { 
      "id": 2, 
      "survey_id": 14, 
      "question": "What's here?", 
      "question_type": 2, 
      "created_at": "2016-07-15 18:29:05", 
      "updated_at": "2016-07-15 18:29:05", 
      "deleted_at": null, 
      "type": "checkbox", 
      "ques_options_id": 2, 
      "key": "pqr", 
      "value": "PQR", 
      "survey_user_id": 39 
     }, 
     "1": { 
      "id": 9, 
      "survey_id": 14, 
      "question": "Whats demo? ", 
      "question_type": 4, 
      "created_at": "2016-07-15 18:29:05", 
      "updated_at": "2016-07-15 18:29:05", 
      "deleted_at": null, 
      "type": "dropdown", 
      "ques_options_id": 9, 
      "key": "checking", 
      "value": "Checking", 
      "survey_user_id": 39 
     }, 
     "2": { 
      "id": 1, 
      "survey_id": 14, 
      "question": "What's in your mind?", 
      "question_type": 1, 
      "created_at": "2016-07-15 18:29:05", 
      "updated_at": "2016-07-15 18:29:05", 
      "deleted_at": null, 
      "type": "textarea", 
      "ques_options_id": 1, 
      "key": "abc", 
      "value": "ABC", 
      "survey_user_id": 39 
     }, 
     "3": { 
      "id": 8, 
      "survey_id": 14, 
      "question": "Whats abc here?", 
      "question_type": 3, 
      "created_at": "2016-07-15 18:29:05", 
      "updated_at": "2016-07-15 18:29:05", 
      "deleted_at": null, 
      "type": "radio", 
      "ques_options_id": 8, 
      "key": "abcde", 
      "value": "ABCDEF", 
      "survey_user_id": 39 
     }, 
     "4": { 
      "id": 10, 
      "survey_id": 14, 
      "question": "Testing here?", 
      "question_type": 2, 
      "created_at": "2016-07-15 18:29:05", 
      "updated_at": "2016-07-15 18:29:05", 
      "deleted_at": null, 
      "type": "checkbox", 
      "ques_options_id": 10, 
      "key": "test", 
      "value": "Test", 
      "survey_user_id": 39 
     }, 
     "5": { 
      "id": 10, 
      "survey_id": 14, 
      "question": "Testing here?", 
      "question_type": 2, 
      "created_at": "2016-07-15 18:29:05", 
      "updated_at": "2016-07-15 18:29:05", 
      "deleted_at": null, 
      "type": "checkbox", 
      "ques_options_id": 10, 
      "key": "Testing", 
      "value": "Testing", 
      "survey_user_id": 39 
     }, 
     "data_option": { 
      "1": { 
       "options": { 
        "0": { 
         "abc": "ABC" 
        } 
       }, 
       "question": "What's in your mind?", 
       "type": "textarea" 
      }, 
      "2": { 
       "options": { 
        "0": { 
         "pqr": "PQR" 
        } 
       }, 
       "question": "What's here?", 
       "type": "checkbox" 
      }, 
      "8": { 
       "options": { 
        "0": { 
         "abcde": "ABCDEF" 
        } 
       }, 
       "question": "Whats abc here?", 
       "type": "radio" 
      }, 
      "9": { 
       "options": { 
        "0": { 
         "checking": "Checking" 
        } 
       }, 
       "question": "Whats demo? ", 
       "type": "dropdown" 
      }, 
      "10": { 
       "options": { 
        "0": { 
         "test": "Test" 
        }, 
        "1": { 
         "Testing": "Testing" 
        } 
       }, 
       "question": "Testing here?", 
       "type": "checkbox" 
      } 
     } 
    } 
} 

Answer 1

Erste convert Objekt-Array und dann können Sie ng-repeat auf Array, wie unten verwenden:

var myObj = { 
    0: { 
     "id": 1, 
     "survey_id": 12 
     }, 
    1: { 
     "id": 2, 
     "survey_id": 14 
     }, 
}; 

var array = $.map(myObj, function(value, index) { 
    return [value]; 
}); 

Answer 2

Sie können dies in der Ansicht,

<div ng-app="myApp" ng-controller="ListCtrl"> 
    <div ng-repeat="patient in data.data.data_option "> 
     <div ng-repeat="detail in patient.options ">   
     <input type="checkbox"> 
     <span class="done-{{todo.done}}">{{detail}}</span> 
    </div> 
</div> 

Working Application