Подтвердить что ты не робот

Присвоение ng-модели флажкам, генерируемым ng-repeat

Я установил json, содержащий список стран с прикрепленным идентификатором и кодом страны:

Он выглядит следующим образом:

$scope.countries = [
  {"name":"Afghanistan","id":"AFG","country-code":"004"},
  {"name":"Åland Islands","id":"ALA","country-code":"248"},
  {"name":"Albania","id":"ALB","country-code":"008"},
  {"name":"Algeria","id":"DZA","country-code":"012"}
]

Затем я использую директиву ng-repeat для создания входов флажков для каждой страны.

<div ng-repeat="country in countries">
      <label><input type="checkbox" ng-model="{{country.id}}" ng-true-value="'{{country.name}}'" ng-false-value="''">{{country.name}}</label>
</div>

Однако, когда я запускаю код, я получаю только следующее:

Расположение checkbox здесь {{country.name}}

Если я удаляю часть ng-model повтора, мои флажки генерируются отлично, но мне нужно установить уникальный ng-model для каждого флажка

ng-model="{{country.id}}"

Как мне добавить уникальное значение ng-model?

Этот ответ (Создать ng-модель внутри ng-repeat) не предоставляет уникальное значение ng-model

4b9b3361

Ответ 1

Я предлагаю вам, использовать:

<div ng-repeat="country in countries">
    <label><input type="checkbox" ng-model="myCountry.selected[country.id]" ng-true-value="'{{country.name}}'" ng-false-value="''">{{country.name}}</label>

</div>

</div>
{{myCountry.selected}}

JS:

$scope.myCountry = {
    selected:{}
};