2016-07-22 1 views
0

사용자가 항목을 선택하면 AngularStrap 선행 부호를 사용하고 콜백이 필요합니다. 항목을 선택하면AngularStrap 선행, 이벤트 콜백 사용 방법

제공 한 경우

는,이 함수가 호출됩니다 다음 documentation에 따르면, function와 함께 제공 될 수있는 onSelect 옵션이있다.

... 그리고 ...

옵션이 지시어 또는 서비스를 구성하는 객체의 해시로 데이터 속성을 통해 전달 될 수

. 데이터 속성의 경우 data-animation = ""에서처럼 data-에 옵션 이름을 추가하십시오.

<input type="text" 
     class="form-control" 
     ng-model="selection" 
     bs-options="item for item in items" 
     bs-typeahead 
     data-on-select="onSelect"> 

을 그리고 내 컨트롤러 내에서 onSelect() 방법 제공 :

$scope.onSelect = function() { 
    console.log('this never gets called :('); 
}; 

은 그러나, 콜백이 호출되지 않습니다를

그래서 나는 다음과 같이 사용하여 시도. 여기에 놓친 게 없니?


[편집] dfsq는 라이브러리의 소스에 대해 bs-on-select해야한다고 지적했다. 방금이 변형을 시도했지만 이벤트는 한 번 트리거됩니다. 내 문제를 설명하기 위해 this Plunker을 만들었습니다.

bs-on-select="onSelect" 

나는했습니다 다음 "선택 이벤트 수는"자연스럽게, 그러나 그것은 1.

+0

당신은 함수의 호출이 아닌 함수의 이름을 전달하려고합니다 .... use "onSelect" – Vanojx1

+0

'data-on-select = "onSelect"? " –

+0

죄송합니다. 예제를 조합 할 때 어리 석음이었습니다. 실제 예제는 그 점에서 '정확함'이며 여전히 ** 작동하지 않습니다 **. 게시물 고정. – qqilihq

답변

1

이이 @Vanojx1에 의해 코멘트에 대답 한 것 같은데 그것을해야한다고 남아, 각 선택으로 증가한다 이 변경으로 Plunker을 업데이트했으며 작동합니다 (그러나 입력이 포커스를 잃을 때까지 메서드를 호출하지 않습니다).