Checkbox in angularjs 1.3

Question

I tried the following code on angularjs 1.3.0 (ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js):-

            <input type="checkbox" ng-model="chkboxmodel" ng-checked="true" ng-true-value="Blue" ng-false-value="Red"></input> {{chkboxmodel}}

However, when i click on the checkbox, {{chkboxmodel}} does not return either Blue or Red.

however when I change Angularjs version to 1.2.0 I get Red or Blue.

any idea what i need to do?

Probably does not make a different but the input tag does not have a end tag. <input type="checkbox" /> — Ingvi Jónasson
– Ingvi Jónasson, Commented Mar 25, 2015 at 20:57

sylwester · Accepted Answer · 2015-03-25 20:57:45Z

1

Please see demo below remove ng-checked="true" from your input

angular.module('app', []).controller('homeCtrl', function($scope) {


  $scope.chkboxmodel = "Blue";

})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="homeCtrl">
    <input type="checkbox" ng-model="chkboxmodel" ng-true-value="Blue" ng-false-value="Red" />{{chkboxmodel}}
  </div>
</div>

answered Mar 25, 2015 at 20:57

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Checkbox in angularjs 1.3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related