AngularJS 0.10.3 - Checkboxes > array

by cambiata

HTML

<script src="http://code.angularjs.org/angular-0.10.3.min.js" ng:autobind></script>

<script>
function TestController() {
    var self = this;

    this.queryObject = {
        componentNames:[]
    };

    this.componentList = {
        "results": [
            "Component_1",
            "Component_2",
            "Component_3"
        ]
    }
    
    this.updateComponentNames = function(componentName, apply) {
        if (apply) {
            angular.Array.add(this.queryObject.componentNames, componentName);
        } else {
            angular.Array.remove(this.queryObject.componentNames, componentName);
        }
    }
    
}

</script>

<div ng:controller="TestController">
    <hr/>
    Query Object: {{queryObject}}
    <hr/>
    <h5>Add Components to Query</h5>
    <ul style="list-style-type:none;">
        <li ng:repeat="component in componentList.results" style="list-style-type:none;">
          <input type="checkbox" ng:model="apply" ng:change="updateComponentNames(component, apply)" > 
           
            {{ component }}
        </li>
    </ul>
    
</div>