控制器中的访问复选框值

Question

我正在尝试从我的angularjs控制器访问复选框值。

我的复选框如下所示。

  <div class="checkbox"><label for="id_tokenization">
   <input ng-click="addProperties()" name="tokenization" type="checkbox" ng-model="vault.tokenization" value="store.preauth.approved_responses">
   Enable Tokenization</label></div>
  </div>

对于我的复选框值，我已经给出了一个字符串。我希望将该值传递给我的控制器。我该怎么做呢？

Answer 1

您可以简单地将modal值作为参数传递给ng-click属性，如下所示

ng-click="addProperties(vault.tokenization)"

在标记中也是类似的

<input ng-click="addProperties(vault.tokenization)" name="tokenization" type="checkbox" ng-model="vault.tokenization" value="store.preauth.approved_responses">

Answer 2

你可以这样做：

  <div class="checkbox"><label for="id_tokenization">
   <input ng-change="addProperties(store.preauth.approved_responses)  name="tokenization" type="checkbox" ng-model="vault.tokenization" ng-value="store.preauth.approved_responses">
   Enable Tokenization</label></div>
  </div>

在你的控制器中，你可以检查它是否被选中，如果它被选中，你可以在那里定义你的操作：

$scope.addProperties = function(prod){
    var index = $scope.selected_products.indexOf(prod.name);
    if(index == -1 && prod.selected){
      $scope.selected_products.push(prod.name);
    } else if (!prod.selected && index != -1){
      $scope.selected_products.splice(index, 1);
    }
  }

Answer 3

尝试使用角度符号{{ }}，我们使用它将控制器的数据引用到模型中。但是，请确保您已经在控制器中声明了这一点。

 <input ng-click="addProperties()" name="tokenization" type="checkbox" ng-model={{vault.tokenization}} value="store.preauth.approved_responses">