Angular get tag content inside a specific ID

Question

I have an HTML template as follows:

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

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

I need to hold the submenu content in seperate variables. The following code works in angular:

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

However, I need to get one step further and get the submenu content in the variable. Something like:

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

But CSS selectors don't work in that function. How can I get the submenu contents?

Answer 1

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

    element.find("submenu")

Answer 2

您可以使用：

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

Answer 3

也许：

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