Inside html how to check whether any variable is boolean or not, through angular expression?

Question

I have an element inside my html where i have to check type of an variable, whether its boolean or not.

<button process-indicator="{{typeof(button.processIndicator) === 'boolean' ? 'modalProcess' : 'modalClose'}}"/>

here process indicator is my directive. But in my case its always setting value to 'modalClose'.

What I am doing wrong here.

Try to do the logic in a function and return the respective indicator value. Something like this. — anpsmn
– anpsmn, Commented Feb 5, 2015 at 5:17

robieee · Accepted Answer · 2015-02-05 11:48:47Z

2

Since typeof() is a JavaScript function, and {{ }} are for Angular expression execution, so we are not able to execute JavaScript code or function inside Angular expressions.

To make this happen we need to assign the result value to some $scope variable so that it can be utilised inside our HTML using Angular expressions.

We have to do something similar to explain above by @anpsmn in his fiddle. Which is :

HTML :

<div ng-app="app" ng-controller="testCtrl">
<p process-indicator="{{checkType()}}">Value: {{checkType()}}</p>

Controller :

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

$scope.processIndicator = false;

$scope.checkType = function() {
    return typeof($scope.processIndicator)==='boolean'? 'modalProcess' : 'modalClose';
}; 

}])

answered Feb 5, 2015 at 11:48

robieee

3542 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Inside html how to check whether any variable is boolean or not, through angular expression?

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