javascript - 如何提供参数并在html内调用js函数并根据条件将结果显示为文本

我需要将参数从html传递到js，并将返回值显示为文本。

注意：
这是一个有角度的页面

我的HTML代码如下所示

<div data-ng-if="status.countWip" class="wip-count">
   test((status.countWipMin, status.countWipMax, kanbanboard.itemsCount[status.name])
</div>

我的js功能

function test(minCount, maxCount, artifactCount) {
 if(minCount !== -1 && artifactCount < minCount) {
  document.write("["+artifactCount+"/"+minCount+"]");
   } else if (maxCount !== -1 && artifactCount > maxCount) {
   document.write("["+artifactCount+"/"+maxCount+"]");
   }
};

最佳答案

您必须使用{{}}将angularjs函数绑定到视图，并且该函数应在您的范围内定义。

HTML：

<div data-ng-if="status.countWip" class="wip-count">
       {{test((status.countWipMin, status.countWipMax, kanbanboard.itemsCount[status.name])}}
</div>

AngularJS

 $scope.test=function(minCount, maxCount, artifactCount) {
     if(minCount !== -1 && artifactCount < minCount) {
       return ("["+artifactCount+"/"+minCount+"]");
       } else if (maxCount !== -1 && artifactCount > maxCount) {
       return ("["+artifactCount+"/"+maxCount+"]");
       }
    };