在一頁上的多個UI選擇控件之間區分箭頭單擊

Question

嗨，我想自定義ui選擇的行為。 我借助templatecaches在頁面上使用了兩個引導主題的ui-select控件。 在模板中，我使用ng-click標記連接了箭頭單擊事件。 這樣，我可以輕松捕獲箭頭按鈕上的click事件，並且可以在控制器中使用函數打開一個彈出窗口，例如：

<button ng-click = "someFunctionInTheScope()">

例如，如果我的視圖中有兩個ui-select元素，則需要區分單擊哪個箭頭按鈕以顯示正確的彈出窗口。 由於我將同一模板用於兩個ui選擇控件，並且從理論上講，我可以在頁面上使用任意數量的這些控件，因此我無法輕松地向模板中的方法添加參數來區分哪個ui-選擇控件被單擊：

<button ng-click= "someFunctionInTheScope(1)">

因為兩個ui-select控件都將使用相同的模板代碼，並且兩個都將1傳遞給控制器​​功能。

因此，我需要找到一種更聰明的方式來為每個控件一次動態地更改模板。

所以我想到了類似的東西

<button ng-click= "someFunctionInTheScope($select.id)">

但是當我調試它時，每次單擊該函數時，都會看到未定義functions參數。

有人可以告訴我如何破解嗎？

Answer 1

$select對象上沒有id屬性。 最好的辦法是在包含ui-select框的元素范圍內傳遞內容。 換句話說，您的代碼需要為您擁有的每個ui選擇框生成一個唯一的標識符。 這可能是ng-repeat塊的$index屬性，時間戳或依賴於其他上下文的內容。

多一點背景，我可以提供更具體的答案。