角材料复选框答案

【问题标题】：angular material checkbox角材料复选框
【发布时间】：2016-01-23 13:47:12
【问题描述】：

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

我正在使用角度材料复选框，但每次我提交表单时，“代码”参数都会设置为 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。

【问题讨论】：

标签： javascript angularjs checkbox angular-material

【解决方案1】：

如documentation：

ng-true-value 表达式应该设置的值已选中。

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

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

【讨论】：