使用ui-router做动态路由
//controller app.controller('DynamicCtrl', function($scope, $stateParams) { $scope.include = 'tpl/'+$stateParams.code +""; });
//config ui-router $stateProvider .state('app.menu',{ url:'/menu/:code', controller:'DynamicCtrl', //template: '<div ng-include="include"></div>' templateUrl:'tpl/menuloader.html' });
menuloader.html
<div ng-include="include"></div>
menu
<a href="#/app/menu/menu.html">menu</a>
另外可以参考这里的回答
http://stackoverflow.com/questions/17157365/how-do-i-dynamically-load-a-template-based-on-parameters-in-a-route-registered-w
相关推荐
总结 angular.js路由,angular.js ui-router 用法示例demo,适合初学者使用,简单易懂,无多余代码
前端项目-angular-ui-router,基于状态的AngularJS路由
UI-Router被认为是AngularUI为开发者提供的最实用的一个模块,它是一个让开发者能够根据URL状态或者说是'机器状态'来组织和控制界面UI的渲染,而不是仅仅只改变路由(传统AngularJS应用实用的方式)。该模块为开发者...
State-based routing for AngularJS 1.x; version v1.0.15
Angular的第三方路由
本解决方案下的ui.router项目是针对angularjs ui.router嵌套路由做的一个demo,程序代码采用VS2013开发,代码齐全,可直接运行。有需要的带走吧~v~v~
mobile-angular-ui-1.3.3,那个 mobile-angular-ui中文版 无法下载
angularjs+require+angular-ui-router环境搭建
angular-ui-router的使用方法有很多,此文中,我们直接在控制器中使用,并完成一个简单的路由。 文中 Angular.js 的版本为 1.5.2 下载和安装 直接通过 bower 来安装 angular-ui-router 使用 bower 安装 angular-...
bower instal angular-ui-router-css --save如何使用它将angular-ui-router-css.js到您的页面中。 < script src= " angular-ui-router-css.js " >[removed] 将ui.router.css添加到主模块的依赖项列表中(需要...
前端项目-angular-ui-router.statehelper,Angularui路由器的助手模块,允许您将状态定义为对象树。
正在学习Angularjs和路由的Angularjs和ui-router的一个栗子(新手)
angular-ui-bootstrap源码与demo完整版
ui-router-redirectTo Angular UI-Router的简单状态重定向要求角> = 1.0.8 UI路由器> = 0.2.0用法示例简单的将模块添加为依赖项: angular . module ( 'yourApp' , [ 'ui.router' , 'ui.router.redirectTo' ] ) ; ...
Angular Router by Victor Savkin English | 20 Mar. 2017 | ASIN: B06X9N272Y | 118 Pages | AZW3 | 2.44 MB Key Features Written by the creator of the Angular router, giving you the best information ...
Angular ui-router 组件 添加一个带有状态配置的示例 ui-router 组件。 安装 安装组件: $ ngx install angular-ui-router-component 在同一个应用程序中安装多个 angular-ui-router-component 实例: $ ngx ...
前端项目-angular-ui-router-title,用于根据当前UI路由器状态更新浏览器标题/历史记录的AngularJS模块。
前端项目-angular-ui-router-default,AngularJS模块,用于在使用UI路由器时为抽象状态指定默认子视图。
前端项目-angular-ui-sortable,此指令允许您对jqueryui排序。