Angular JS use NG-Hide with function

Question

I try to create an Angular JS function that is displaying or hiding a Div in case that a certain requirement is met. I do have the problem now that the function is not properly called and both divs are either visible or not visible (In the test case div 1 should be shown and div 2 not).

testApp.controller('MyController', ['$scope','$http',
function ($scope,$http) {
    $scope.checkValue = function(value){
    if(value >= 1)
        return true;
    else
        return false;
    };
}]);

In the html file I try to hide the Divs using the following parameters

<div class="classa" ng-hide="requestsExisting({{profile.arrayA.length}})">
<div class="classb" ng-hide="requestsExisting({{profile.arrayB.length}})">

Is during the run time the {{profile.parameterA.length}}passed to the function or the actual value that is stored in this variables? (It's 1 for arrayA and 0 for ArrayB)

i think you just need requestsExisting(profile.arrayA.length) — No Idea For Name
– No Idea For Name, Commented Nov 17, 2014 at 14:59

No Idea For Name · Accepted Answer · 2014-11-17 15:01:25Z

2

you don't need the "{{" sign. just do

<div class="classa" ng-hide="requestsExisting(profile.arrayA.length)">
<div class="classb" ng-hide="requestsExisting(profile.arrayB.length)">

the double curly brace is to put the value of the object in the html

The double curly brace notation {{ }} to bind expressions to elements is built-in Angular markup

answered Nov 17, 2014 at 15:01

No Idea For Name

11.6k11 gold badges49 silver badges73 bronze badges

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

Comments

Eylen · Accepted Answer · 2014-11-17 15:00:07Z

1

I think that it should work just with this code

<div class="classa" ng-hide="requestsExisting(profile.arrayA.length)">
<div class="classb" ng-hide="requestsExisting(profile.arrayB.length)">

I think that you don't need to use {{}} inside the ng-hide directive

answered Nov 17, 2014 at 15:00

Eylen

2,6955 gold badges30 silver badges43 bronze badges

Collectives™ on Stack Overflow

Angular JS use NG-Hide with function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related