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

Question

我正在努力遵循 John Papa 风格指南，在一个模板中，我有 2 个 ng-include，一个用于侧边导航，另一个用于内容。在控制器中，我想在 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>

李斯塔.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'))

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

Answer 1

尝试

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