json动态菜单和路由

【问题标题】：json dynamic menu and routingjson动态菜单和路由
【发布时间】：2015-02-05 09:06:30
【问题描述】：

我会从 json 文件加载我的菜单并动态添加路由；我尝试此代码但不起作用：当我加载这个菜单时..我会用angularjs的ui-routing创建动态路由；先谢谢了。马可。

setup.js.php

<?php
  session_start();
  $menu = file_get_contents("layout/menu/mymenu.json");

  header("content-type: application/javascript");
 ?>

 angular.module('erp.Setup', []).constant('Setup', {
    username:    '<?php print USER_NAME; ?>',
    menu:      '<?php print $menu; ?>'   <---- Uncaught SyntaxError:   Unexpected token ILLEGAL
 });

我的 json：

{
  "menu": {
     "_id": "menu_1",
       "item": [
        {
          "title": "Test item1",
          "subtit": "Subtitle 1",
           "color": "red",
           "icon": "fa-menu",
           "link": "#/m_item1"
        }
       ]
   }
}

【问题讨论】：

标签： javascript php json angularjs

【解决方案1】：

对于您的解决方案，我相信 '' 将其设为字符串，因此您需要注意 Json 的格式。

此外，这是我为我的测试应用创建的示例导航。希望这对您有所帮助：-

我的指令：-

var todoApp = angular.module("todoApp",[]);

todoApp.directive('ngNavPills',function(){
var dtv={};

dtv.restrict='A';
dtv.replace=true;
dtv.scope={ ngModel:'=' };
dtv.template='<ul class="nav nav-pills"><li ng-repeat="itm in ngModel" role="presentation"><a ng-href="{{itm.link}}">itm.name</a></li></ul>';
dtv.link= function($s,$e,$a){

}
return(dtv);
});

我的导航 Json：-

[{"name":"Home","link":"/Index.html"},{"name":"Index2","link":"/Index2.html"},{"name":"Index3","link":"/Index3.html"}]

用法：-

<div ng-nav-pills></div>

【讨论】：