Angularjs 无法在指令内引用模板元素

我正在尝试创建一个在Ionic框架中使用的自定义指令。 我的问题是在链接阶段，我无法在模板内部查询

我的模板如下：

<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>

但是当我检查

元素时

的值是：

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

我怎样才能得到其余的元素？ 是因为我使用了另一个指令？

---

如何解决这个问题？

当您拥有元素时，您可以使用usuan JQuery语法对内部元素进行查询：

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

或

就像不编译也不向下遍历一样。

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

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