Safari在以下情況下不會產生點擊事件 <select>元件

Question

我有一個用例，我需要在select中的用戶選擇上打開一個新選項卡。

            <select ng-model="selected" ng-click="switchAction(data.id, selected)">
              <option disabled hidden selected value=""></option>
              <option value="run">1</option>
              <option value="edit">2</option> 
              <option value="deleteEnvironment">3</option>
              <option value="addSoftware">4</option>
              <option value="openLandingPage">5</option>
            </select>

使用Javascript：

        function switchAction(id, selected) {
        vm[selected](id);
        }

        vm.openLandingPage = function (id) {
        window.open(vm.landingPage + "?id=" + id);
        };

此代碼可在Chrome和Firefox中完美運行，但不適用於Safari。 如果我將ng-click替換為ng-change ，則可以部分解決。 但是隨后瀏覽器阻止了彈出窗口。 由於我將這段代碼呈現在網格單元中，因此引導程序的下拉菜單也不起作用。 我試圖將ng-click直接放在option元素中，但是它僅在firefox中有效。

有什么辦法可以解決？

隨便證明野生動物園不會發送鼠標單擊事件。

https://plnkr.co/edit/g3W2JLKxZFkzp1dGgrg4?p=preview

Answer 1

找到了解決方案。 使用angular-ui / bootstap和dropdown-append-to-body選項，我可以中斷拋出ag-grid邊框。 問題終於解決了！