Question

我正在尝试创建一个在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>

我的链接功能是

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]

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

1 个答案: