javascript - checkboxes - checklist-model

AngularJS checkbox ng-repeat y objetos seleccionados?

Question

Intento hacerlo de la manera adecuada con menos dolor, pero no puedo entender cómo lidiar con ng-model y vincularlo a la lista seleccionada, etc. y, además, necesito completar esa lista en un momento posterior y mantener los objetos seleccionados en eso.

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>

Tengo que anular las categorías cada vez que se rellena la lista, ya que se extraerá de un servidor.

¿Así que supongo que necesito tener arreglos y el segundo contendrá los objetos seleccionados?

Si estoy en lo cierto, ¿cómo preselecciono las casillas de verificación?

¿Necesito ng-click para llamar a la función personalizada para almacenar el objeto seleccionado en la otra matriz?

¿Necesito ng-model en la casilla de verificación Y para qué?

¿Cuál es la forma correcta con menos dolor?

Answer 1

Tengo que anular las categorías cada vez que se completa la lista, ya que se extraerá del servidor de formularios. Entonces, ¿tengo que tener arreglos y el segundo contendrá los objetos seleccionados?

Sí, ya que es una lista que puede / debería usar matrices. La información sobre los elementos / objetos seleccionados debe almacenarse en su modelo de alcance (ejemplo a continuación).

Si estoy en lo cierto, ¿cómo selecciono las casillas de verificación?

Guarde los ID de las opciones / casillas de verificación seleccionadas en su modelo y deje que ng-model haga el resto.

¿Necesito ng-click para llamar a la función personalizada para almacenar el objeto seleccionado en la otra matriz?

No, no lo necesitas, ng-model es suficiente.

¿Necesito ng-model en la casilla de verificación? ¿Y para qué?

Sí, lo necesitas. El ng-model es responsable de almacenar las opciones seleccionadas en su modelo y de hacer que la selección (''pre -'') sea automática.

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