angular.formatter with inputType.checkbox

HTML

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

<script>
function AuditLogController($resource, $defer) {
    var self = this;
    this.errorMessage = "";
    this.keepPolling = true;
    
    // The query object to send to the request.
    this.queryObject = {
        componentNames:[]
    };
    
    this.updateComponentNames = function(componentName, apply) {
        if (apply) {
            angular.Array.add(this.queryObject.componentNames, componentName);
        } else {
            angular.Array.remove(this.queryObject.componentNames, componentName);
        }
    }
    
    // Component list results mimic. This comes from a service call normally.
    this.componentList = {
        "results": [
            "Component_1",
            "Component_2",
            "Component_3"
        ]
    }
}

</script>

<div ng:controller="AuditLogController">
    <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" name="apply" ng:model="apply" ng:change="updateComponentNames(component, apply)" /> {{ component }}
        </li>
    </ul>
    
</div>