angularjs 更改对 ng-model 更改的看法

Question

<select ng-model="Listbox" ng-options="build for build in builds" ng-change="show(Listbox); showtable(Listbox);showummary(Listbox);"style="width: 500px" id="lbox"></select>

在更改选项时，我正在调用所有 3 个函数，但我希望根据选中的单选按钮来调用它们。

<tr><td >
       <input type="radio" checked onclick="showF();">Summary
    </td>
    <td >
         <input type="radio" onclick="showS();">Detailed Summary
   </td>
</tr>

如果选择摘要，则仅调用 show 和 showtable，否则调用 showsummary。我可以将它们放在单选按钮标签中，但不会检测到选择选项中的更改。

Answer 1

您可以修改您的 ngChange触发单个功能，如下所示:

<select ng-model="Listbox" ng-options="build for build in builds" ng-change="checkShow()"style="width: 500px" id="lbox"></select>

那你换你的 radio buttons :

<input type="radio" value="summary" ng-model="radioSelected">Summary
<input type="radio" value="detailedSummary" ng-model="radioSelected">Detailed Summary

注:不要使用 onclick , 使用 ngClick如果您需要触发 click Angular 中的事件。

最后，在您的 Controller 您可以检查 radio 中选择的选项是什么:

$scope.radioSelected = 'summary'; // Default selection

$scope.checkShow = function() {
  if ($scope.radioSelected === 'summary') { 
    show();
    showTable();
  } else {
    showSummary();
  }
}