0

표시/렌더링 드롭 다운에 selected.js 라이브러리를 사용합니다. 이 완벽하게 선택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 올바른 값이 작품 : 나는 다음 드롭 다운 HTML을 가지고있다.

<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가 있습니까?

답변

0

각도 2에 대해 "선택한 라이브러리"를 찾아야합니다. 각도 구성 요소의 컨텍스트가 없기 때문에 js 파일을 구현할 수 없습니다.

는 아마 당신을 도울 수 : 각도 1입니다 Angular-chosen

+0

나는 내가 아무것도 없다는 것을 보인다 :-) 같은 라이브러리를 요청 나의 마지막 문장에서 각도 2를 사용합니다. – tester

관련 문제