Нельзя ссылаться на шаблонный элемент внутри директивы

Question

Я пытаюсь создать пользовательскую директиву для использования в Ionic framework. Моя проблема во время фазы связывания, я не могу запросить внутри своего шаблона.

Мой шаблон выглядит следующим образом:

<ion-nav-buttons side="right"> 
<div class="searchBar"> 
    <div class="searchTxt"> 
     <div class="bgdiv"></div> 
     <div class="bgtxt"> 
      <input class="searchBox" type="text" /> 
     </div> 
    </div> 
    <i class="searchIcon icon placeholder-icon" ng-click="callSearch()"></i> 
</div> 
</ion-nav-buttons> 

Моя функция связывания является

link: function(scope, element, attrs){...} 

Но когда я проверяю element значение:

<ion-nav-buttons side="right" class="hide"></ion-nav-buttons> 

Как я мог получить остаток элементов? Это потому, что я использую другую директиву? Как я могу обратиться к этому вопросу?

Answer 1

Если у вас есть элемент, то вы можете сделать запросы к внутренним элементам с usuan JQuery синтаксис:

$(element).find('.searchBar')[0] 

или

$(element).find('.searchBox')[0]