如何获取ng-include中的元素id

Question

我正在尝试跟踪约翰·爸爸风格指南，在一个模板中我有2ng-包含，一个用于sidenav，另一个用于内容。在控制器中，我希望获得ng-include中一个项的id。我怎样才能做到这一点？

编辑1

主要模板：

</md-toolbar>
    <md-content class="content" ms-scroll>
        <div ng-include="'app/main/apps/scrumboard/views/dietas/content/lista.html'"></div>
     </md-content>
</md-sidenav>

lista.html：

<div id="listContainer" dragular="vm.dragularOptions">
                    <md-card ng-repeat="food in portion.items" >
                        <md-card-content layout="row" layout-align="center center" >
                            <img class="md-avatar" alt="{{todos[0].who}}" />
                            <p>{{food.name}}</p>                                                            
                        </md-card-content>
                    </md-card>
                </div>

我试过：

document.querySelector('#listContainer')

但它返回空。

如果我把它包起来：

angular.element(document.querySelector('#listContainer'))

并将其保存在一个变量中，我得到一个空数组，但是如果我console.log，它将返回对象

Answer 1

试一试

var listContainer = angular.element(document.querySelectorAll('#listContainer'));