Question

我尝试创建一个Angular JS函数，在满足某个要求的情况下显示或隐藏Div。我现在遇到的问题是函数没有被正确调用，并且两个div都可见或不可见（在测试用例中应显示div 1而不显示div 2）。

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

在html文件中，我尝试使用以下参数隐藏Div：

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

在运行期间，{{profile.parameterA.length}}传递给函数还是存储在此变量中的实际值？（arrayA为1，ArrayB为0）

Answer 1

您不需要“{{”符号。只是做

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

双花括号是将对象的值放在html

中

用于将表达式绑定到元素的双花括号符号{{}} 是内置的Angular标记

Answer 2

我认为它应该只使用此代码

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

我认为你不需要在ng-hide指令中使用{{}}

Angular JS使用NG-Hide功能

2 个答案: