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

注意：如果您需要在Angular中触发onclick 事件，请不要使用ngClick，请使用click。

最后，在您的控制器中，您可以查看在广播中选择的选项：

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

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

angularjs改变ng-model变化的观点

1 个答案: