在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

回答

相关问题