json动态菜单和路由
json dynamic menu and routing
我会从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:
{
"menu": {
"_id": "menu_1",
"item": [
{
"title": "Test item1",
"subtit": "Subtitle 1",
"color": "red",
"icon": "fa-menu",
"link": "#/m_item1"
}
]
}
}
对于您的解决方案,我相信'<?php打印$menu>'正在使其成为字符串,因此您需要小心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>
相关文章:
- Emberjs应用程序加载在除Index之外的所有路由上
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 正在使用$location.path(.)路由ng视图
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- angular的下拉菜单
- 使用JQuery的动态上下文菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- Div根据<选择>菜单
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 将JavaScript弹出菜单转换为警报框
- json动态菜单和路由
- 数据切换=“;下拉菜单”;激活路由重定向,而不是yeoman中的下拉菜单
- 侧边菜单运行,但路由文件不显示任何内容
- 创建带有路由和本地存储的语言下拉菜单
- 如何在路由Ember.js中创建默认菜单
- Angular + Ionic:如果没有侧菜单,URL路由就无法工作