javascript - 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>