AngularJS checkbox ng-repeat и выбранные объекты?

Я пытаюсь сделать это с меньшим количеством боли, но я не могу понять, как бороться с ng-моделью и привязывать ее к выбранному списку и т.д., и, кроме того, мне нужно заполнить этот список в более позднее время и сохранить в нем выбранные объекты.

categories = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ]

    <span ng-repeat="category in categories">
      <label class="checkbox" for="{{category.id}}">
        <input type="checkbox" value="{{category.id}}" ng-model="??" ng-click="??" name="group" id="{{category.id}}" />
        {{category.name}}
      </label>
    </span>

Я должен переопределять категории каждый раз, когда список заполняется, так как он будет выведен из сервера.

Итак, я думаю, мне нужно иметь массивы, а второй будет удерживать выбранные объекты?

Если я прав, как я могу выделить флажки?

Нужно ли мне ng-click запросить пользовательскую функцию для сохранения выбранного объекта в другом массиве?

Нужна ли мне ng-модель в checkbox И для чего?

Каков правильный путь с меньшей болью?

Ответ 1

Я должен переопределять категории каждый раз, когда список заполняется так как он будет вытаскивать сервер формы. Так что мне нужно, чтобы я массивы, а второй будет удерживать выбранные объекты?

Да, поскольку это список, вы можете/должны использовать массивы. Информация о выбранных элементах/объектах должна храниться в вашей модели области (пример ниже).

Если я прав, как я могу выбрать флажки?

Сохраните идентификатор выбранных опций/флажков на вашей модели и дайте ng-model сделать остальные.

Нужно ли мне ng-click, чтобы запросить пользовательскую функцию, чтобы сохранить выбранную объект в другом массиве?

Нет, вам это не нужно, ng-model достаточно.

Нужна ли мне ng-модель? И зачем?

Да, вам это нужно. ng-model отвечает за сохранение выбранных опций на вашей модели и для автоматического выбора ( "pre -" ).

jsfiddle http://jsfiddle.net/bmleite/PQvQ2/