JSFiddle - React, Tailwind, and code Playground

by Shiny Joseph

HTML

<div ng-controller="ChckbxsCtrl">
    <div ng-repeat="chk in chkbxs">
        <input type="checkbox" ng-model="chk.val" />
        <label>{{chk.label}}</label>
    </div>
    <div ng-show="flag">I'm ON when band choosed</div>
</div>

JavaScript

function ChckbxsCtrl( $scope , $filter ){
    $scope.chkbxs = [{label:"Led Zeppelin", val:false },{label:"Electric Light Orchestra", val:false },{label:"Mark Almond", val:false }];
    $scope.$watch( "chkbxs" , function(n,o){
        var trues = $filter("filter")( n , {val:true} );
        $scope.flag = trues.length;
    }, true );
}