Javascript json动态菜单和路由

Javascript json动态菜单和路由,javascript,php,json,angularjs,Javascript,Php,Json,Angularjs,我将从json文件加载我的menù并动态添加路由;我尝试此代码,但不起作用: 当我加载这个菜单时..我想用angularjs的ui路由创建动态路由;谢天谢地,这是先进的。马可 setup.js.php <?php session_start(); $menu = file_get_contents("layout/menu/mymenu.json"); header("content-type: application/javascript"); ?> angul

我将从json文件加载我的menù并动态添加路由;我尝试此代码,但不起作用: 当我加载这个菜单时..我想用angularjs的ui路由创建动态路由;谢天谢地,这是先进的。马可

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的格式

此外,下面是我为测试应用程序创建的导航示例。希望这对您有所帮助:-

我的指示:-

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);
});
用法:-

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

[{"name":"Home","link":"/Index.html"},{"name":"Index2","link":"/Index2.html"},{"name":"Index3","link":"/Index3.html"}]
<div ng-nav-pills></div>