JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="MyApp">
    <div ng-controller="MyController">
        <div ng-repeat="color in colors">
            <label>
                <span ng-bind="color.color"></span>
                <input type="checkbox" ng-model="getColors[$index]" value="{{color}}" name="{{color.color}}">
                {{$index}}
                <span ng-model="color">{{color}}</span>
            </label>
        </div>
            {{getColors}}
    </div>
</div>

JavaScript

angular.module("MyApp", [])
.controller("MyController", ["$scope", function($scope){
    $scope.colors = [
        {"id": 1, "color": "red"},
        {"id": 2, "color": "blue"},
        {"id": 3, "color": "yellow"}
    ];
    $scope.getColors = [];
}])