Question

我正在试图遵循John Papa Style Guide，在一个模板中，我有2 ng-includes，一个用于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'));

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

1 个答案: