用angularjs管理个人分类菜单中的项目列表

Question

在我的角度应用程序中，我试图制作一个分类导航菜单列表。有一个选择框。当选择菜单时，menuItems(它是一个数组)将显示在选中框中。每次我添加一个新菜单(例如标题菜单或页脚菜单)时，我都可以在menuItems数组中添加项(每个对象将包含诸如name、url等属性)。这是我的菜单数组，其中包含menuItems数组。

$scope.menus = [
    {
        name: menu_name1,
        menuItems: [
            {
                name: "home",
                url: "/"
            },
            {
                name: "about",
                url: "/about"
            }
        ]
    },
    {
        name: category_name2,
        menuItems: [
            {
                name: "company",
                url: "/company"
            },
            {
                name: "infos",
                url: "/infos"
            }
        ]
    },
    {
        ......
        ......
    }
];

当我选择一个菜单时，我使用$index获取它的索引，可以选择该索引的特定类别并将其存储到一个变量中。使用该索引，我可以选择我试图选择的菜单类别，并试图查看它的名称，只是为了检查目的，但它不起作用。

<select name="menuCategory" id="menuCategory"
        ng-options="menu.name for menu in websiteContent.globalPage.menus track by $index"
        ng-change="getCurrentMenu($index)" ng-model="currentMenu" class="form-control">
</select>

这是我的功能，

$scope.getCurrentMenu = function(index){
        $scope.currentMenu = $scope.websiteContent.globalPage.menus[index];
};

我想要做的是选择一个特定的菜单类别，然后我可以在menuItems数组中添加项目并编辑这些单独的项目。对于任何类别，都会显示其数组中的项列表。我怎么才能让它起作用？请帮帮我。

Answer 1

可以将选项值设置为所选菜单的对象。

<select ng-model="currentMenu" ng-options="menu as menu.name for menu in menus"></select>

看例子柱塞