angular material 复选框

Question

我有一个用例，在该用例中我提交了一个表单，该表单又执行 $http.get()。 get url 接受参数说：&code ='P' &code='C'。其中 P 和 C 将从复选框中选择并传递给此参数 "code".

我正在使用 angular material 复选框，但每次我提交表单时 "code" 参数都设置为 true 而不是 P 或 C。

  $scope.putCall = {};
  $scope.putCall.p = 'P';
  $scope.putCall.c = 'C';

  <md-checkbox ng-model="putCall.p" aria-label="P" name="P_put_call_code">
   P: {{ putCall.p }}
  </md-checkbox>
  <md-checkbox ng-model="putCall.c" aria-label="C">
   C: {{ putCall.c }}
   </md-checkbox>

如何传递 "P" 而不是 true.

Answer 1

如documentation：

ng-true-value The value to which the expression should be set when selected.

所以在你的情况下看起来像：

<md-checkbox ng-model="putCall.p" ng-true-value="P" ng-false-value="" aria-label="P" name="P_put_call_code">
   P: {{ putCall.p }}
</md-checkbox>

angular material 复选框

angular material checkbox

javascript

checkbox

angularjs

angular-material