2017-11-14 3 views
0

드롭 다운에서 항목을 선택하면 양식의 빈 값이 변경되지 않습니다. formcontrol이 데이터를 가져 오지 않았습니다. 여기 내 HTML입니다. 나는 이미 해결 분야의 각도 2의 의미 론적 드롭 다운 선택

+0

드롭 다운에서 jquery가 작동해야합니다. 응용 프로그램에 jquery-less semantic-ui 통합 각도를 사용하는 것이 좋습니다. https://github.com/edcarroll/ng2-semantic-ui –

+0

그 저장소가 몇 달 동안 업데이트되지 않아서 사용하지 않습니다. . 그것은 좋은 의도로 시작하지만 코드가 갈라지면 시작됩니다. ng2 + 요소를 사용하여 솔루션을 게시 할 수없는 이유는 무엇입니까? – Joe

답변

0

<div id="category" class="ui fluid search selection dropdown" [class.error]="formErrors.category"> 
 
    <input name="category" type="hidden" formControlName="category"> 
 
    <i class="dropdown icon"></i> 
 
    <div class="default text">Select Category...</div> 
 
    <div class="menu"> 
 
     <div class="item" *ngFor="let item of categories" data-value="item._id">{{item.name}}</div> 
 
    </div> 
 
</div>
을 선택한 값을 얻기에 data-value을 사용하고 있습니다. 방금 <div> 대신 <select>을 사용하고 <option>[attr.value]="item._id"을 사용하여 선택한 항목의 ID 또는 값을 가져 왔습니다.

+0

이것을 사용하지 않는 이유는 무엇입니까? https://edcarroll.github.io/ng2-semantic-ui/#/modules/dropdown? – brijmcq