Javascript 如何在html中提供参数和调用js函数，并根据条件将结果显示为文本_Javascript_Html_Angularjs

Javascript 如何在html中提供参数和调用js函数，并根据条件将结果显示为文本

javascript html angularjs

Javascript 如何在html中提供参数和调用js函数，并根据条件将结果显示为文本,javascript,html,angularjs,Javascript,Html,Angularjs,我需要将参数从html传递到js，并将返回值显示为文本注: 这是一个有棱角的页面我的HTML代码如下所示 <div data-ng-if="status.countWip" class="wip-count"> test((status.countWipMin, status.countWipMax, kanbanboard.itemsCount[status.name]) </div> 测试（（status.countWipMin、status.count

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

注: 这是一个有棱角的页面

我的HTML代码如下所示

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


测试（（status.countWipMin、status.countWipMax、看板.itemsont[status.name]）

我的js函数

功能测试（minCount、maxCount、artifactCount）{
if（minCount！=-1&&artifactCountmaxCount）{
文件。写入（“[”+artifactCount+“/”+maxCount+“]”）；
}
};

您必须使用{{}将angularjs函数绑定到视图，并且该函数应该在您的作用域上定义

HTML:

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


{test（（status.countWipMin，status.countWipMax，kanbanboard.itemsont[status.name]））

安格拉斯

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

$scope.test=函数（minCount、maxCount、artifactCount）{
if（minCount！=-1&&artifactCountmaxCount）{
返回（“[”+artifactCount+“/”+maxCount+“]）；
}
};

您必须使用{{}将angularjs函数绑定到视图，并且该函数应该在您的作用域上定义

HTML:

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


{test（（status.countWipMin，status.countWipMax，kanbanboard.itemsont[status.name]））

安格拉斯

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

$scope.test=函数（minCount、maxCount、artifactCount）{
if（minCount！=-1&&artifactCountmaxCount）{
返回（“[”+artifactCount+“/”+maxCount+“]）；
}
};

我认为您将Angular与本机Javascript混合在一起，这对于本场景来说不是一个好主意。如果这不是Angular，只是一个普通的Javascript，那么您应该使用

标记和

文档包装test（）
函数。write

将替换

div

的内容

<div>
   <script>test(status.countWipMin, status.countWipMax, kanbanboard.itemsCount[status.name])</script>
</div>

我认为您将Angular与本机Javascript混合在一起，这对于本场景来说不是一个好主意。如果这不是Angular，只是一个普通Javascript，那么您应该使用

标记和

文档包装test（）
函数。write

将替换

div

<div>
   <script>test(status.countWipMin, status.countWipMax, kanbanboard.itemsCount[status.name])</script>
</div>

当您想从视图调用函数时，需要使用

ng init

，在控制器中，您可以使用

void

函数绑定

$scope.result

以在视图中显示

Html

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


{{result}}

棱角分明

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

$scope.test=函数（minCount、maxCount、artifactCount）{
$scope.result；
if（minCount！=-1&&artifactCountmaxCount）{
$scope.result=（“[”+artifactCount+“/”+maxCount+“]）；
}
};