2015-09-09 2 views
-2

Я хотел бы привязать мой массив данных json к angularjs checkbox. Я новичок в этой технологии, поэтому я не мог найти точного способа решения моего сценария. У меня есть данные, такие как JSON нижеСвязать данные json в angularjs флажок динамически

{ 
"hits":{ 
"total":3695, 
"hits":[ 
{ 
"_type":"School", 
"_source":{ 
"message":[ 
"HIGH" 
], 
"Class":"A" 
} 
}, 
{ 
"_type":"School", 
"_source":{ 
"message":[ 
"HIGH" 
], 
"Class":"B" 
} 
}, 
{ 
"_type":"School", 
"_source":{ 
"message":[ 
"HIGH" 
], 
"Class":"C" 
} 
} 
] 
} 
} 

Я должен связать значение «класс» в angularjs флажок.

angularjs код, который я написал это,

$scope.listofschoolname = response; 
<label ng-repeat="ModelName in listofschoolname "> 
         <input type="checkbox" ng-model="ModelName.checked" size="10" /> {{ModelName.hits.hits[0]._source.Class}} 
        </label> 

я могу получить один флажок со значением "A". Подобным образом я хотел бы привязать все значение в классе к флажку.

Примечание: Ответ json, который я получаю, является динамическим по своей природе, иногда имеет 10 значений класса (A, B, C, D, E и т. Д.), Иногда он имеет только одно значение класса (A) на основе что мой флажок и значение должны измениться.

Заранее спасибо ..

+0

Вы JSON не отформатирован. Создайте правильный Json, с которым хотите играть. –

+0

@AnandG Только в этом формате я задаю ответ json. – Mangoski

+0

Тогда у Json есть некоторые проблемы, его скобки не закрываются должным образом. Проверить ответ json с помощью Json validator –

ответ

2

Если я вас правильно понял, то вам нужно перебрать listofschoolname.hits.hits

$scope.listofschoolname = response; 

<label ng-repeat="ModelName in listofschoolname.hits.hits "> 
    <input type="checkbox" ng-model="ModelName.checked" size="10"/> {{ModelName._source.Class}} 
</label> 
+0

Я пробовал как вы предложили, но я не получил выход. – Mangoski

+0

Какой результат? –

+0

Я не получил флажок. Моя страница была пуста – Mangoski

Смежные вопросы