angular checkbox input directive

by Richard Hunter

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<div>
    <div ng-controller="myController">
         <h1>{{  title }}</h1>
        <form name="myForm" novalidate ng-submit="submit()">
            <label>my checkbox
                <input name="mycheckbox" type="checkbox" ng-model="form.checkbox" ng-true-value="'YES'" ng-false-value="'NO'"/>
            </label>
            <button type="submit">submit</button>
        </form>
        <div>checkbox is: {{  form.checkbox }}</div>
    </div>
</div>

JavaScript

angular.module('mymod', []);

angular.module('mymod', [])
    .controller('myController', ['$scope', function ($scope) {
    $scope.title = "angular checkbox directives";
        $scope.form = {
            checkbox : 'YES'
        };
        $scope.submit = function () {
            console.log('submit', arguments);
        }
}]);

angular.bootstrap(document, ['mymod']);