無法多次選擇下拉選項

Question

我有一個下拉菜單，我想檢測所有事件，即使它們相同，選擇自定義時間段時也會顯示模態，但是我需要用戶能夠一直使用他希望的模態，即使被選中，下面是代碼：

<div class="form-group">
<select width="'100%'" ng-model="selection.date.mode"
        class="form-control input-sm" ng-change="setDateMode()">
    <option value="d" ng-show="visible.date.d" >Day</option>
    <option value="w" ng-show="visible.date.d" >Week</option>
    <option value="m" ng-show="visible.date.d" >Month</option>
    <option value="y" ng-show="visible.date.d">Year to Date</option>
    <option value="c" ng-show="visible.date.d" >Custom</option>
    <option value="l" ng-show="visible.date.d" >Last 30 days</option>
</select>

AngularJS函數：

function setDateMode() {
    $scope.selection.date.mode === "c" ? clickCustomInput() : dateSelected();
}

Answer 1

基本上，您應該三思而后行是否真的需要這個。 您只能通過在每個選項中添加點擊指令來實現：

 <option value="d" ng-show="visible.date.d" ng-click="setDateMode()">Day</option>

這將導致每次選擇都重復調用setDateMode() ，但所選值保持不變。 但是您無法從select元素中刪除ng-change() ，因為當ng-click()觸發時，下拉列表尚不知道當前選擇的值...