2016-10-04 12 views
0

私はを使用して、angle2sでselect2を処理しています。 select2をリセットするためのボタン(プレースホルダの設定)があります。クリックすると、角度コントローラーから関数を呼び出す必要があります。その機能では、私はselect2をリセットする必要があります。私はやり方を知らない。私はangularjsで新しいです。だから私は命令を理解できません。誰かが解説付きの解決策を知っているなら、それは認められるでしょう。ここでは、anglejsで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> 

JS

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

オプション – Vikash

+0

@Vikashに記載されているテクノロジーアレイを提供してもらえますか?更新してください。私は技術の配列を追加しました –

+0

あなたは下記の解決策を試しましたか? – Vikash

答えて

1

ここでの考え方は、リセット時に、あなたのNG-モデルが空にすることです。また、ドキュメントごとにui-select2は<select ng-options>と互換性がありません。最良の結果を得るには<option ng-repeat>を使用してください。作業plunker Plunker - UI Select2 with Reset

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

を見つけるしかし、私は強くあなたがdepreceatedさSELECT2のためにあなたが言及したリンクとしてhttps://github.com/angular-ui/ui-selectを使用することをお勧めしますしてください。

関連する問題