JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/22339952/selecting-a-subset-of-a-json-object-counting-it

by wittwerj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js"></script>
<div ng-app="app" ng-controller="appcontrol">
    <div>Collectors
    {{collectors}}
    </div>
    
    <div ng-repeat="collector in collectors">
        <input type="checkbox" name="collector-id" 
        value="{{collector.id}}"
        ng-model="collector.selected" />
    </div>
    
    <div ng-repeat="collector in (selectedCollectors = (collectors | filter:{selected: true}))">
    </div>
    
    <div>Selected Collectors:
    {{selectedCollectors}}
    </div>
    <div>
    Number of selected collectors: {{selectedCollectors.length}}
    </div>
</div>

JavaScript

var app = angular.module("app", []);

app.controller("appcontrol", function ($scope) {
    $scope.collectors = [{
        id: 0
    }, {
        id: 1
    }, {
        id: 2
    }, {
        id: 3
    }, {
        id: 4
    }, {
        id: 5
    }, {
        id: 6
    }];

    
});