How to use Plain JS in angular js expression?

Question

IN JS,
i have object as

var type = {};
type.showBox = false;

Using angular, i have to hide the input box.
It can be easily achieved by

$scope object ( "$scope.type.showBox = false;" )

But i want to use plain js in angular expression

<input type="text" ng-show="{{ type.showBox == true }}"/>

use ng-init nearest, but still angular expression, not real javascript. — YOU
– YOU, Commented Oct 7, 2015 at 12:18
ng-show will only show if the expression returns true... so the input box will be visible if your variable, type.showBox has a value of true. There is no need for an extra check — adib.mosharrof
– adib.mosharrof, Commented Oct 7, 2015 at 13:12

jstuartmilne · Accepted Answer · 2015-10-07 12:25:41Z

1

You cant, however what you can do, and in my opinion is going to be much cleaner, is to write a function in your controller

$scope.shouldShowBox=function(){
return $scope.type===true
}

Hope it helps

answered Oct 7, 2015 at 12:25

jstuartmilne

4,5181 gold badge22 silver badges30 bronze badges

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

Comments

alexandrin88 · Accepted Answer · 2015-10-07 14:23:05Z

1

Remember that interpolation will display the output of the expression. So you have created an expression but not specified any output.

What you're looking for is:

ng-show="{{ type.showBox ? 'true' : 'false' }}"

However you don't need to interpolate (and it's probably better if you don't). All you need is:

ng-show="type.showBox"

alexandrin88

4,3903 gold badges18 silver badges32 bronze badges

answered Oct 7, 2015 at 13:00

James Drummond

1257 bronze badges