获取 Angular 中的选定值

Question

我得到了以下 HTML（使用类固醇构建混合应用程序）：

<select>
    <option value="1">Once a day</option>
    <option value="2">Once a week</option>
</select>

<li class="item item-checkbox">
  <label class="checkbox">
    <input type="checkbox" value="resumes">
  </label>
  Resumes
</li>
<li class="item item-checkbox">
  <label class="checkbox">
    <input type="checkbox" value="linkedin">
  </label>
  LinkedIn
</li>
<li class="item item-checkbox">
  <label class="checkbox">
    <input type="checkbox" value="mycco">
  </label>
  myCCO
</li>

Angular 中有没有办法从 select 和所有选中的复选框中获取选定的值？

Answer 1

当然只需将 ng-model 添加到每个

<select ng-model="data.period">
    <option value="1">Once a day</option>
    <option value="2">Once a week</option>
</select>

<li class="item item-checkbox">
  <label class="checkbox">
    <input  ng-model="data.resumes" type="checkbox" value="resumes">
  </label>
  Resumes
</li>
<li class="item item-checkbox">
  <label class="checkbox">
    <input  ng-model="data.linkedin" type="checkbox" value="linkedin">
  </label>
  LinkedIn
</li>
<li class="item item-checkbox">
  <label class="checkbox">
    <input ng-model="data.mycco"  type="checkbox" value="mycco">
  </label>
  myCCO
</li>

在你的控制器中：

// Contains all your data
$scope.data = {};

不过，您可能会考虑做完整的 validation/submit 事情，例如 https://scotch.io/tutorials/angularjs-form-validation

获取 Angular 中的选定值

Getting selected values in Angular

angularjs

steroids