json角度を使用して動的メニューを適用すると、サブメニューが表示されない

Question

jsonファイルを使用して、HTMLページのすべてのメニューを表示しています。 jsonファイルのメニューを正しいプロセスで適用しました。私は角度を使ってこれらのメニューをhtmlページにバインドしています。すべてのメインメニューが表示されます。しかし問題は、サブメニューの矢印をクリックすると、それが空白になっていることです。また、私たちのメニューに関するサブメニューを持つメニュー項目は1つだけですが、各メニュー項目にカウンター1が表示されています。どのように見ているかを確認するURLはdynamic menu using json angular

どのようにそれらのサブメニューを私たちについてのメニューに適用するか、私たちのメニューについてクリックするとどのようにサブメニューを表示するのですか？

私のhtmlコードを使用すると、指定したURLで見つけることができるソースの

<nav id="menu" ng-app="demoApp" ng-controller="demoCtrl"> 
     <ul id="my-list"> 
      <li ng-repeat="menu in menus"> 
       <a href="{{menu.url}}"> 
        {{menu.name}} 
       </a> 
       <ul ng-show="menu.sub.length!=0"> 
        <li ng-repeat="subItem in menu.sub"> 
         <a href="{{subItem.url}}">{{subItem.name}}</a> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </nav> 

休憩です。あなたのコードで

Answer 1

Demo link working

サブデータが正しくロードされていないので、あなたの角度の前にロードされたメニュースクリプト。 このようにコードを変更してください。あなたのスクリプトのタイムアウトを設定してください 変更がここにあります： -

   $(function() { 
        setTimeout(function(){ 
        $("#menu").mmenu({ 
         extensions : ["widescreen"], 
         counters : true, 
         navbars  : [{ 
          content: ["searchfield"] 
         }, true] 
        }).on('click', 
         'a[href^="#/"]', 
         function() { 
          alert("Thank you for clicking, but that's a demo link."); 
          return false; 
         } 
        ); 
        var API = $("#menu").data("mmenu"); 
        }, 3000); 
       });