angularjs改變NG模型變化的看法

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，如果您需要觸發click事件，請使用ngClick角。

最後，在控制器你可以檢查什麼是無線電選擇的選項：

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

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