각도 4를 사용하여 입력 필드가 비어 있으면 버튼 클릭을 사용 안 함

검색 상자와 검색 버튼이 있습니다. 사용자가 검색어를 제공 할 때까지 버튼을 비활성화해야하지만 버튼이 항상 비활성화됩니다. 나는 코드를 따른다 :각도 4를 사용하여 입력 필드가 비어 있으면 버튼 클릭을 사용 안 함

<input type='text' [(ngModel)]='listFilter' /> 
<button [disabled]="!listFilter" class="btn btn-primary"(click)='OnSearch(listFilter)'> 
     Search 
</button>

무엇이 틀린가? 각도 4를 사용했습니다

출처

2017-05-19 jvm

'[disabled] = "! listFilter.length"'? – wostex

https://plnkr.co/edit/LvkkdVw14SdIQLq2y6tb?p=preview –

을 재현 할 수 없습니다. plnkr에서 확인했는데 plnkr에서 작동하지만 코드가 작동하지 않습니다. – jvm

입력 태그 안에 이름 속성을 추가하십시오.

<input type='text' [(ngModel)]='listFilter' name="listFilter"/> 
      <button [disabled]="!listFilter" class="btn btn-primary" (click)='OnSearch(listFilter)'>Search</button>

출처

2017-05-19 11:39:23

로드시 비활성화되지만 입력 할 때 텍스트가 표시되지 않습니다. – jvm

** 클릭 ** 이벤트를 제거하면 작동합니다. 클릭 이벤트에서 어떤 일이 벌어지고 있다고 생각합니다. 확인 해봐. –

nope..i 클릭 이벤트가 삭제되었으며 여전히 동일한 동작 – jvm

답변

관련 문제