在angularjs中取消選擇select2

我正在使用https://github.com/angular-ui/ui-select2/blob/master/src/select2.js在使用angularjs的select2上工作。有一個按鈕來重置select2（即設置佔位符）。點擊按鈕後，我必須從角度控制器調用一個功能。在那個函數中，我必須重置select2。我不知道該怎麼辦。我是angularjs中的新成員。所以我無法理解指令。如果有人知道與解釋的解決方案，將不勝感激。在angularjs中取消選擇select2

這裏是我的代碼至今，

HTML

<select class="form-control" ui-select2="select2Options" id="ddlTechnology" name="ddlTechnology" ng-model="technology" ng-change="changeData('technology', technology)" ng-options="tech as tech.st_name for tech in technologies" style="width: 100%;"> 
    <option value=""></option> 
</select> 
<button ng-click="resetSearch()">Reset</button>

$scope.technologies = [{ 
    $hashKey: "object:14", 
    in_technology_id: 1, 
    st_name: "Networking"}, 
    {}, 
    {}, 
    ... 
]; 
$scope.resetSearch = function() { 
    $("#ddlTechnology").select2('val', ''); 
}

來源

2016-10-04 Akshay Vaghasiya

能否請您提供技術陣列，您將其列入選項 – Vikash

@Vikash，請參閱更新。我已經添加了技術陣列 –

您是否嘗試過下面提到的解決方案 – Vikash

這裏的想法是讓復位您的NG-模型空。根據文檔ui-select2與<select ng-options>不兼容。爲獲得最佳效果，請使用<option ng-repeat>。請找工作plunker Plunker - UI Select2 with Reset

$scope.resetSearch = function() { 
    $scope.technology = ''; 
}

但我強烈建議你使用https://github.com/angular-ui/ui-select由你選擇2所提到的鏈接depreceated。

來源

2016-10-04 08:09:33 Vikash

在angularjs中取消選擇select2

回答

相關問題