使用json数据创建一个菜单,然后单击角度js中的菜单项显示下拉菜单

时间:2016-06-01 15:28:45

标签: angularjs json

我在角度JS中使用JSON数据创建了一个菜单。菜单已创建并按预期方式工作。菜单有6个标签,即HOME,ABOUTUS,CONTACTUS,SERVICES,LOGIN,REGISTER on load第一主页将被显示,当点击我们时,只有容器数据将被更改以显示关于我们及其工作正常(使用ngroute路由概念)类似的其他页面contactus,login,register将被路由到不同的页面并且工作正常。

现在,当点击“服务”选项卡时,应显示一个下拉菜单,其中包含子项“CAR TRADE”,“BIKE TRADE”,“AUTO LOAN”,“INTEREST RATE”。

我在创建子菜单下拉列表时遇到问题。我来自传统背景和学习Web开发,并致力于角度js项目。感谢您的帮助。

我在submenu上工作这是灾难,所以我已经取消了有用的东西,只有下面的工作代码:

           <div class="row secondarynavbar">
                <div class="col-lg-12 navigation-bar" ng-controller="menuCntrl">
                     <ul ng-repeat="menu in menulist">
                        <li>
                            <a href="#{{menu.menuUrl}}">{{menu.menuItem}}</a>
                        </li>
                    </ul> 
                </div>
            </div>

以下是从JSON数据创建菜单的HTML代码。(正常工作)

获取json数据的简单角度代码......(工作正常)

app.controller('menuCntrl',function($scope,$http){
$http.get('data/menujson.json').success(function(data){
    $scope.menulist = data;
}) });

请帮助推进它。

0 个答案:

没有答案