Angularjs 在Angular中动态构建菜单

以下是我的设置：

我有一个Dynamo DB表，其中有3个项目；每个项目代表菜单中的一个链接。我创建了一个简单的Lambda函数来扫描表并通过API网关返回json响应

我的angular应用程序中有两个控制器：

一个是内容

一个用于导航

以下是生成导航链接的控制器：

app.controller('menu', function($scope, $http) {
    $http.get('api address').
        then(function(response) {
            for(let i = 0; i < response.data.body.length; i++){
                ($scope.menu = response.data.body[i]['course-lesson']);
                console.log($scope.menu)
            }
        });
});

正如我所提到的，内容是正确的，但我不确定如何在控制器内的div中重现相同的输出，如下所示：

<div ng-controller="menu">
    <ul><li>{{ menu }}</li></ul>
</div>

{{menu}}

---

如何将循环的输出写入菜单控制器div（而不是控制台），以便将每个“课程”用作链接？

将数组分配给范围属性：

app.controller('menu', function($scope, $http) {
    $http.get('api address')
    .then(function(response) {
        $scope.bodyArr = response.data.body; 
    });
});

使用

ng repeat

指令：

{{item['course-lesson']}

有关详细信息，请参阅

---

太好了-非常感谢。现在，让每一个都成为一个链接吧！再次感谢。

app.controller('menu', function($scope, $http) {
    $http.get('api address')
    .then(function(response) {
        $scope.bodyArr = response.data.body; 
    });
});