AngularJS ng-if problems with 'f' and 'F'?

Question

Can anybody explain to me why Angularjs `ngIf` directive reads 'f' and 'F' like `false`? Simple example which does not work: <input type="text" ng-model="test" /> <div ng-if="test">{{test}}<div> If you put 'f' or 'F' nothing shows in div, any other letter or sine works ok. Demo: http://plnkr.co/edit/wS4PqmARXG2fsblUkLpH?p=preview

Answer 1

Great question. So AngularJs has different boolean logic than regular Javascript. So it reads anything that is "f" or "F" as a false because of it's built-in utility funciton toBoolean. In regular Javascript only null, 0, "", false, or [] would result to false, but in AngularJS "0", "", "null", [], "f", "false", "n", "no", "undefined" result to false. If you want to use something else you can specify your exact comparators within the ng-if attribute. For example ng-if:"test && test !== 'f' && test !== 'F'"