0

私はドロップダウンの表示/レンダリングにselected.jsライブラリを使用します。私は、次のドロップダウンリストのHTMLがあります。Angular2のChosen.jsは変更を認識しません

<select [(ngModel)]="myModel" data-placeholder="Some Dropdown Value" id="my-dropdown" 
    class="chosen-select" (change)="onChange($event.target.value)"> 
<option value=""></option> 
<optgroup label="Group 1"> 
    <option *ngFor="let entry1 of entries1" [ngValue]="entry1['id']" 
      class="dropdown-item"> 
     {{entry1['name']}} 
    </option> 
</optgroup> 
<optgroup label="Group 2"> 
    <option *ngFor="let entry2 of entries2" [ngValue]="entry2['id']" 
      class="dropdown-item"> 
     {{entry2['name']}} 
    </option> 
</optgroup> 

この選択は完璧に動作し、変更が認識されますとmyModelは正しい値を持っています。

<div class="chosen-container chosen-container-single chosen-container-active" title="" id="my_dropdown_chosen" style="width: 250px;"> 
<a class="chosen-single"> 
    <span>Some Dropdown value</span> 
    <div><b></b></div> 
</a> 
<div class="chosen-drop"> 
    <div class="chosen-search"> 
     <input class="chosen-search-input" type="text" autocomplete="off"> 
    </div> 
    <ul class="chosen-results"> 
     <li class="group-result">Group 1</li> 
     <li class="active-result group-option dropdown-item" data-option-array-index="2" style=""> 
      Some Value 1 
     </li> 
     <li class="active-result group-option dropdown-item" data-option-array-index="3" style=""> 
      Some Value 2 
     </li> 
     <li class="active-result group-option dropdown-item" data-option-array-index="4" style=""> 
      Some Value 3 
     </li> 
     <li class="active-result group-option dropdown-item" data-option-array-index="5" style=""> 
      Some Value 4 
     </li> 
     <li class="active-result group-option dropdown-item" data-option-array-index="6" style=""> 
      Some Value 5 
     </li> 
    </ul> 
</div> 

ドロップダウンはかなりよさそうだが、もちろんの変化は、もはやそれとして認識されません:

chosen.jsを使用して、上からHTMLを選択はこれに転送されますアプリケーションの実行時にレンダリングされた全く異なるhtmlです。どのようにこれを行うことができますか?

角度選択されたライブラリのようなものがありますが、1ではなく2のAngular?

答えて

0

角度2の「選択されたライブラリ」を見つける必要があります。角度成分のコンテキストを持たないため、jsファイルを実装するだけではなりません。私は何も存在しないようだ:-)ようなライブラリを頼む私の最後の文では2角度を使用アンギュラ1です Angular-chosen

+0

多分それはあなたを助けることができます。 – tester

関連する問題