JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div ng-app="MyApp">
    <ul ng-init="list = ['foo', 'bar', 'baz']; sel = ['foo']">
        <li ng-repeat="item in list">
            <input type="checkbox" 
                check-value="item" 
                check-list="list"/>
                {{item}}
        </li>
    </ul>
</div>

JavaScript

angular.module('MyApp', [])
.directive('checkList', function() {
    return {
        scope: {
            list: '=checkList',
            value: '=checkValue'
        },
        link: function(scope, el) {
            scope.$watch('list', function() {
                el.prop('checked', scope.list.indexOf(value) != -1);
            });
        }
    };
});