자동 완성 사용 AngularJS와

Question

는 ... 간단한 조회입니다

<input type="text" data-ng-model="question_handset" list="phones" class="form-control"> 
<datalist id="phones"> 
<option data-ng-repeat="ttl in titles" value="{{ttl}}"> 
</datalist> 

스크립트

$scope.titles = [ "Comics Action" , 
       "Detective Comics" , "Superman" , "Fantastic Four" , "Amazing Spider-Man" ]; 

내 문제는이 만 입력 첫 단어에 일치하는 것입니다. 예를 들어 목록에 표시되는 단어 "만화"와 만화 아무것도 :

나는 그것이 당신이 입력 할 수 있습니다 방법으로 작업 할 예 탐정 만화, 코믹 액션

내가하지 않으려는

jQuery를 사용하여, 이것을 달성하기 위해 현재 코드로 할 수있는 일이 있습니까? 좋은 예가 될 것입니다. 감사.

Answer 1

Angular Bootstrap을 사용해 보셨습니까? 그것에는 Typeahead이 있습니다. 해당 사이트에서 제공되는 plunkr입니다. 방금 정적 배열을 업데이트했습니다. ngTagsInput :

Answer 2

저는이 작업을 수행하는 다른 프레임 워크에 의존하지 않는 각도 라이브러리를 알지 못합니다. 그러나 그것을 스스로 만들어내는 것은 상당히 어려운 일입니다. this 기사를 봤어? 가장 어려운 부분은 내용의 스타일을 지정하고 텍스트 상자를 정렬하는 것입니다.

Answer 3

당신은 각도 모듈을 시도 할 수 있습니다. 나는 그것이 매우 강력하고 편리하다는 것을 알았다. 물론 Angular 프로젝트와 완벽하게 호환됩니다.