checkbox directive using angularjs

Question

I am trying to create a checkbox directive with angularjs.The code is here in JSFIDDLE

It works fine only with ng-model and text.

But if i add ng-true-value and ng-false value, it throw error as

nged2angular.js:12520 Error: [ngModel:constexpr] Expected constant expression for `ngTrueValue`, but saw `bindedTrueValue`.

Also i need to take the ng-change controller function inside the directive.

Karthik RP · Accepted Answer · 2016-02-27 11:26:29Z

0

Well two things,

Firstly, you are passing 'checkboxChanged' function to the directive, so u need to use &ngChange in the directive scope instead of =ngChange.

Without {{}}, bindedTrueValue and bindedFalseValue will be considered as strings rather than an angular variable from controller. So, It should be changed to

<input type="checkbox" ng-model="bindedModel" ng-true-value="{{bindedTrueValue}}" ng-false-value="{{bindedFalseValue}}" ng-change="bindedChange">

Check this codepen for working demo.

answered Feb 27, 2016 at 11:26

Karthik RP

1,0781 gold badge16 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

checkbox directive using angularjs

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