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가 있습니까?
나는 내가 아무것도 없다는 것을 보인다 :-) 같은 라이브러리를 요청 나의 마지막 문장에서 각도 2를 사용합니다. – tester