Angular获取特定ID内的标记内容

Question

我有一个HTML模板，如下所示：

<div id="expenses">
    <submenu>
    </submenu>
</div>

<div id="revenues">
    <submenu>
    </submenu>
</div>

我需要将子菜单内容保存在单独的变量中。以下代码适用于角度：

var expenses = angular.element('#expenses')

但是，我需要更进一步，并在变量中获取子菜单内容。类似的东西：

var expenses = angular.element('#expenses>submenu')

但CSS选择器不适用于该功能。如何获取子菜单内容？

Answer 1

你可以使用find（）函数来获取子元素。

    element.find("submenu")

Answer 2

您可以使用：

document.querySelector('#expenses > submenu');

Answer 3

可能是：

var expenses = angular.element('#expenses').children()