JSFiddle - React, Tailwind, and code Playground

by Hal` Smith Stevens

HTML

<div ng-app="MyApp" ng-controller="MyCtrl">
    <div ng-repeat="partner in type.partners">
    <label class="checkbox-inline">
        <input type="checkbox" value="partner"
        ng-checked="report.participatingPartners[$parent.$index].indexOf(partner) !== -1" 
        ng-click="toggleSelection($parent.$index, $index);">
        <p><span></span>{{partner.name}}<p>
    </label>
</div>
</div>

JavaScript

angular.module('MyApp',[])

.controller('MyCtrl', function($scope){
    
	$scope.toggleSelection = toggleSelection;
    
    $scope.type = {};
    $scope.type.partners = [
        { name : 'aaa'},
        { name : 'bbb'},
        { name : 'ccc'},
    ];
    
    function toggleSelection(typeId, partnerId) {
    	console.log("toggleSelection called");
    	console.log(typeId, partnerId);
    }
});