如何通过单击项目来显示子链接angularjs

我是angularjs的初学者，所以我下载了一个菜单，但我不知道如何使用angularjs。当我点击项目时，如何显示其子链接

itemController.js 应用程序 .controller'itemList'，函数$scope，itemProvider{ $scope.items=[]； $scope.sublinks=null； itemProvider.getItems.successfunctiondata{ $scope.items=数据； alertll+$scope.items[0]。子链接[0]。标题； }; $scope.showSublinks=functionitem{ $scope.sublinks=item.sublinks； }

---

}; 我也是angularjs的初学者

切记

HTML:

---

也许可以帮助您。

最简单的解决方案是从css开始：悬停规则。如果你想让clciks在你知道多一点的时候回去

<div id="menu" ng-app="rgMenu" ng-controller="itemList">
<nav>
    <h2>All Categories</h2>
    <ul class="nav navbar-nav">
        <li ng-repeat="item in items">
            <a ng-click="showSubMenu(item)">
                <h2>{{item.title}}</h2>
            </a>
            <ul ng-if="item.sublinks">
                <li ng-repeat="sublink in sublinks">
                    <a>{{sublink.title}}</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

var app = angular.module("rgMenu",[]); app.controller('itemList', function($scope){ $scope.items = [ {"title":"Google", "description":"Google Search Engine"}, {"title":"Yahoo", "description":"Yahoo Search Engine",
    "sublinks":[ 
        {"title":"Yahoo", "href":"http://yahoo.com/", "target":"_blank" },
        {"title":"Sports", "href":"http://sports.yahoo.com/", "target":"_blank" },
        {"title":"News", "href":"http://news.yahoo.com/", "target":"_blank" }
    ]},
{"title":"Bing", "description":"Bing Search Engine"},
{"title":"Dogpile", "description":"Dogpile Search Engine"}
];

$scope.sublinks = null;
$scope.showSubMenu = function(item){
    $scope.sublinks = item.sublinks;    
}});