2017-09-27 3 views
0

静的なオプションタグはマルチセレクションでうまく動作しますが、ng-repeatを使用するとオプションリストが表示されません。私はNG-繰り返し、それが機能していないと、このHTMLコードを交換する場合 以下選択した選択のためのng-repeatが機能していません

in JS 
    var config = { 
          '.chosen-select'   : {}, 
          '.chosen-select-deselect' : { allow_single_deselect: true }, 
          '.chosen-select-no-single' : { disable_search_threshold: 10 }, 
          '.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' }, 
          '.chosen-select-rtl'  : { rtl: true }, 
          '.chosen-select-width'  : { width: '95%' } 
         } 
         for (var selector in config) { 
          $(selector).chosen(config[selector]); 
         } 
     } 
In Html 
    <select data-placeholder="Choose a Country..." class="chosen-select" multiple tabindex="4">  
       <option value="United States">United States</option> 
       <option value="United States">India </option> 
       </select> 

正常に動作しています。

<select data-placeholder="Choose a Group" class="chosen-select" multiple tabindex="4">  
      <option ng-repeat="x in group" value="{{x.groupId}}">{{x.groupName}}</option> 
      </select> 

私はselected.jquery.jsファイルも使用しています。

+0

は、あなたが追加した配列値である[角度選ば](https://github.com/leocaseiro/angular-chosen)と'' ng-options = "g.groupIdをグループ" g "のgのg.groupNameとして試しました。あなたは' ngModel'ディレクティブを使う必要がありますか? – Satpal

+0

@Satpal私はそれがうまく働いている今角度選ばれたが含まれているが、私は<選択mulitiselect – Sudhir

+0

ためのCtrlキーを押しする必要があり、複数の 選択 NG-モデル=「のgroupId」 NG-オプション=「item.groupNameグループ内のアイテムを」 > – Sudhir

答えて

1

角度-chosen.min.jsとリスト(カテゴリ)を追加しますが

<select chosen multiple tabindex="4" class="form-control" ng-model="categoryid" ng-options="cat for cat in category" id="category" >  
    <option value=""></option> 
</select> 
+0

<グループID = "カテゴリ"の項目のitem.groupNameとして項目を選択して複数のtabindex = "4" class = "フォームコントロール" ng-model = "groupId" ng-options = > <オプション値=「」> – Sudhir

+0

しかし、私はCtrlキーを押して、複数のために選択する必要がangularChosenを使用した後 – Sudhir

+0

を選択することが – Sudhir

関連する問題