AngularJS와 지시어 - 클래스의 이름으로 다음 요소를 선택

Question

나는 다음과 같은 HTML이 :

<div> 
    <input type="text" ng-model="search.q" special-input> 
    <ul class="hidden">...</ul> 
    <ul class="hidden bonus">...</ul> 
</div> 

그리고 다음 지시문 :

myApp.directive('specialInput', ['$timeout', function($timeout) 
{ 
    return { 
    link: function(scope, element) { 
     element.bind('focus', function() { 
     $timeout(function() { 
      // Select ul with class bonus 
      element.parent().find('.bonus').removeClass('hidden'); 
     }); 
     }); 
    } 
    } 
}]); 

내가 jqLite를 사용하여 ul.bonus을 선택하고 싶지만 할 수 없습니다를 길을 찾아라. .next (". bonus")로 시도했지만 선택기가 완전히 무시되고 첫 번째 ul이 선택됩니다. 왜 내가이 일을 할 수 없는지 아무도 모른다.

P. jQuery없이 AngularJS 내부 jqLite에 의존하고 있습니다.

감사합니다.

Answer 1

당신은 이것을 달성하기 위해 지침을 필요로하지 않습니다

<div> 
    <input type="text" 
      ng-model="search.q" 
      ng-focus="bonus=true" 
      ng-blur="bonus=false"> 
    <ul class="hidden">...</ul> 
    <ul ng-show="bonus">...</ul> 
</div> 

을 사용자의 요구가 더 복잡한 컨트롤러에 bonus 상태에 대한 결정을 넣어 경우.