JSFiddle - React, Tailwind, and code Playground

Angular Checkbox ng-true / ng-false

by Andrew Pougher

HTML

<div ng-app="">
  <div ng-controller="Controller">
     {{checkbox}}
      <input type="checkbox" ng-model="checkbox" ng-true-value="1" ng-false-value="0" ng-checked="checkbox == 1" />
       {{checkbox1}}
        <input type="checkbox" ng-model="checkbox1" ng-true-value="Ferro" ng-false-value="Drew" ng-checked="checkbox == 'Ferro'" />
  </div>
</div>

JavaScript

function Controller($scope) {
    $scope.checkbox = 1;
       $scope.checkbox1 = 'Drew';
    
    $scope.$watch(function(){
        return $scope.checkbox;
    }, function(){
        $scope.checkbox = Number($scope.checkbox);
        console.log($scope.checkbox, typeof $scope.checkbox);
    },true);
}