我无法在angularJS中使用dirPagination

Question

我不能在我的自定义组件中的angularJS中使用dirPagination，由于angularJS的其他属性，它不能显示该组件的任何人都知道任何解决方案？

<ul id="TabelaTodos" class="list-group col-8">
    <li class="list-group-item d-flex justify-content-between align-items-xl-start"
        dir-paginate="vcl in Veiculos | orderBy: 'Lote' | filter : searchText | itemsPerPage:5">
        <img src="../Img/Veiculos/{{vcl.Imagem}}" class="btn-light"
             style=: width="125" height="100"
             ng-click="getveiculoId(vcl.Id)" Id={{vlc.Id}}
             data-toggle="modal" data-target="#exampleModalCenter" />
        <div class="container">
            <p class="uppercase h5" style="color:black">(00{{vcl.Lote}}) - {{vcl.Marca}}/{{vcl.Modelo}} {{vcl.Carroceria}} {{vcl.Potencia}} {{vcl.Combustivel}} {{vcl.Portas}}P ANO {{vcl.Ano}}</p>
            <p class="h6">Valor: <font style="color:red">R$ {{vcl.Valor}}</font></p>
            <p class="h6" id="participante">Concorrentes: {{vcl.Participantes}}</p>
        </div>
        <div ng-controller="veiculoCtrl">
            <div ng-init="participandoDoSorteio()">
                <div ng-if="Participando == true">
                    <div button-participando></div>
                </div>
                <div ng-if="Participando == false">
                    <div button-participar></div>
                    <button style='display: none;' id='part' type='button' class='btn btn-success justify-content-between align-items-xl-center' disabled>Participando</button>
                </div>
            </div>
        </div>
    </li>
</ul>