如何从jquery脚本转换为正确的指令？

Question

我不知道来自$()的{​​{1}}的等价物。如果我只是将jquery脚本放入函数中，它就可以了。但在互联网上的所有地方都说不是最佳做法。我尝试将link: function (scope, element, attrs, controller) { }替换为$()，element，element[0]和angular.element(element)。这些都没有。

angular.element(element[0])

以上是指令html（/App/directives/pivot.directive.html）。

指令js（/App/directives/pivot.directive.js）位于下方。

<div>
<!-- html code here -->
<div id="section-indexes" class="padding20 bg-grayLighter align-left">
    <span class="pivot" style="font-size:large;margin-right:30px;cursor:pointer;" data-index="1">Daily Sales</span>
    <span class="pivot" style="font-size:large;margin-right:30px;cursor:pointer;" data-index="2">Monthly Sales</span>
    <span class="pivot" style="font-size:large;margin-right:30px;cursor:pointer;" data-index="3">Item 3</span>
    <span class="pivot" style="font-size:large;margin-right:10px;cursor:pointer;" data-index="4">Item 4</span>
</div>
<div id="section" class="carousel" data-role="carousel" data-height="false" data-controls="false" data-markers="false" data-auto="false">
    <div class="slide">
        Item 1
    </div>
    <div class="slide">
        Item 2
    </div>
    <div class="slide">Hello I am Item 3</div>
    <div class="slide">Hello I am Item 4</div>
</div>