好资源导航 » 文章资讯 » AngularJS 中ui-view传参的实例详解

AngularJS 中ui-view传参的实例详解

2023-09-25 20:06:05 53

Angular路由传参

首页




路由传参











柳絮飞祭奠

$state.go传参数

传参数

varapp=angular.module("app",['ui.router']); app.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){ $stateProvider.state('index1',{ url:'/index1', templateUrl:'/Angular/uiview/param/index1.html' }).state('param',{ url:'/param/:index', templateUrl:'/Angular/uiview/param/param.html' }); $urlRouterProvider.otherwise('/index1'); }]).config(function($sceProvider){ $sceProvider.enabled(false); }); app.controller("state_go_controller",function($state,$scope){ $scope.go=function(){ $state.go('param',{ index:42 }); }; }); app.controller("view1_controller",function($stateParams){ //接收参数 alert($stateParams.index); });

跳转页




接收参数

运行

点击跳转就可以看到alert的参数。

以上就是AngularJSui-view传参的实例详解，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

返回顶部
514930285
czq8825@qq.com

AngularJS 中ui-view传参的实例详解

热门推荐

随机推荐