我如何創建一個指令來重置下拉菜單中的值？

我已經爲每個選項卡構建了一個帶有顏色下拉指令的tabcontrol。我想一次性重置所有選項卡中的下拉列表值。這是指令：我如何創建一個指令來重置下拉菜單中的值？

<button class="btn btn-warning" ng-click="colors=' ' "></button>

我該如何重置顏色值？

Plunkr：http://plnkr.co/edit/AasWSJzBWib4aRZuAoBv?p=preview

來源

2015-08-24 Leeuwtje

希望將dropdownvalue重新使用一個button.Right所有的標籤？ – Muhsin

是用一個按鈕我想重置這些值。 – Leeuwtje

我通過移動腳本到一個單獨的js文件的可讀性，編輯您的plunker一點點。我也移動了標籤所在的div內的按鈕，以便它繼承範圍並共享相同的控制器。

在TabCtrl裏面我添加了一個函數來重置colors屬性。您可以通過將顏色設置爲空字符串或刪除顏色屬性來完成此操作。選擇你喜歡的。

$scope.resetColors = function() { 
    for (i=0;i<$scope.tabs.length;i++) { 
     delete $scope.tabs[i].color; 
     //$scope.tabs[i].color = ""; --Optional instead of the above 
    } 
    }

希望這個解決方案適合你。

Plnkr：http://plnkr.co/edit/NLKVlMTPxSWV2vUwZdri

來源

2015-08-24 08:07:37 ArBro

它的工作原理，但我希望指令定義內的resetcolors函數？ – Leeuwtje

這將是可能的...看到http://plnkr.co/edit/NLKVlMTPxSWV2vUwZdri?p=preview。但由於該按鈕控制着你的標籤內的內容，我不會建議在指令控制器內部指定這個函數，因爲它不控制你的指令。將函數放在TableCtrl中也會使你的代碼更易於維護。 – ArBro

哥們找不到更新？ – Leeuwtje

我如何創建一個指令來重置下拉菜單中的值？

回答

相關問題