2016-12-19 5 views
1

나는 선택한 값을 지워야하는 선택 입력이 있습니다. 여기에도 똑같이 설정 한 경우 valueS = null 선택하면 마지막으로 선택한 값이 계속 표시됩니다. 선택 버튼에서 선택한 값을 지울 때. 그것을 성취하는 방법? (ngModelChange)="onChange($event)"[(ngModel)]="valueS" 모두 함께, 당신의 console 당신이 오류을 받고 확인 : Component에서각도 2의 선택 값 지우기

<select (ngModelChange)="onChange($event)" [(ngModel)]="valueS"> 
     <option value="null" >Add filter</option> 
     <option value="Hi">Hi</option> 
     <option value="Hey">Hey</option> 
     <option value="Hello">Hello</option> 
    </select> 
<button (click)="clear()">Clear</button> 

: 당신이 사용하고 있기 때문에

clear() { 
    this.valueS = null 
} 
+0

유스 케이스를 이해하지 못합니다. 값을 선택할 때마다 선택 항목을 null로 설정 하시겠습니까? 왜? 선택한 값을 지우는 버튼이 있지만 게시 된 코드에 버튼이 표시되지 않는다고 가정합니다. –

+0

코드는 내가 성취하고자하는 것에 대한 참고서 일뿐입니다. 그러나 코드가 업데이트되었습니다. –

+2

잘 작동합니다. http://plnkr.co/edit/7Ut8N8CHirbBmLb5SxHc?p=preview. 이 문제를 재현하는 plunkr을 게시하십시오. –

답변

0

이다. 따라서 (ngModelChange)="onChange($event)"을 삭제하십시오.

은 주로 우리는 당신이 뭔가를하고 싶은 onchange를 위해 (ngModelChange)을 사용하고 아직도 당신은 어떻게이 같은 시도하려는 :

<select name="s" (ngModelChange)="onChange($event)" [ngModel]="valueS"> 

onChange(e) { 
    console.log(e); 
    ... 
} 

[(ngModel)] 사이의 차이를보기를 [ngModel](ngModelChange)

희망이 있습니다.

+1

죄송합니다, 그것은 도움이되지 않았지만 - > http://plnkr.co/edit/c2BDXrDLSi0BWfxIOcmN?p=preview works .... –