angularjs - 如何将复选框的值传递给使用 Angular 的函数？

Question

在我的 Razor 视图中，我正在使用 Angular 并尝试将复选框的值传递给函数。

勾选以下输入时"

<label><input id="divpriority" ng-model="priority" type="checkbox" />
  Select all - high priority
</label>

此输入已更改：

<label><input class="tablePriority" ng-checked="priority" type="checkbox" />
   High priority
</label>

现在我试图将上述输入中的值（真/假）传递给一个函数：

<td><br/><br/>
  <button id="enqueuebtn"  type="button" ng-click="Enqueue(priority)" 
          class="btn-primary">Enqueue</button>
</td>

这不起作用，因为在调试 JavaScript 时未定义优先级。

检查第二个输入时如何将值true/传递false给函数？Enqueue

在我的 JavaScript 中，我有：

$scope.Enqueue = function (isPriority, ) {
    debugger;

调试时 idPriority 未定义。

score 0 · Accepted Answer

优先级应该在您的控制器中可用，因为您已绑定到它。因此，从您的编辑中，不需要此行：

 $scope.priority = isPriority;

因为 $scope.priority 应该已经反映了复选框的值。

score 0 · Accepted Answer

将模型添加到第二个输入

<label><input ng-model="ispriority" class="tablePriority" ng-checked="priority" type="checkbox" />High priority</label>

然后将模型传递给函数：

<td><br/><br/><button id="enqueuebtn"  type="button" ng-click="Enqueue(ispriority)" class="btn-primary">Enqueue</button></td>

2 回答 2