码迷,mamicode.com
首页 > Web开发 > 详细

anuglar.js ui-router传递参数

时间:2017-05-18 17:28:28      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:多个参数   button   out   结果   ui-router   ram   params   编辑   数据   

anuglar.js ui-router 传递参数的方法有:

一: ui-sref 传递参数,传递一个参数的时候

首先路有这样写:

  

.state(‘edit‘, { //线路编辑页面
		
		url: ‘/edit?id‘,
		
		templateUrl: ‘view/template/shopList/edit.html‘,
		
		controller: ‘editCtrl‘
		
	})

  html 页面写法为:

<button ui-sref="edit({id:{{item.id}}})" type="button" class="btn btn-link btn-sm">编辑</button>
{{item.id}}是动态的数据

controller 中获取传递的参数的方法

$state.params.id
可以打印 $state.params 看看结果

传递多个参数的时候:

路由的写法为:

.state(edit, { //线路编辑页面
        
        url: /edit?id&page,
        
        templateUrl: view/template/shopList/edit.html,
        
        controller: editCtrl
        
    })

url: /edit?id&page,
需要传递多少参数,便在问号后边跟上就行

html 页面写法为:

<button ui-sref="edit({id:{{item.id}},page:{{item.id}}})" type="button" class="btn btn-link btn-sm">编辑</button>

 

controller 中获取传递的参数的方法,还是跟以前一样。

 

一:$state.go 传递参数,传递一个或者多个参数的时候(直接写多个一个和 ui-sref 一样的写法)

路由写法

.state(home, {
        
        url: /home?id&page,
        
        templateUrl: view/home.html,
        
        controller: homeCtrl
        
    })

控制器写法:

 $state.go(home,{id: 01,page: 02});

接受参数的写法:

    console.log($state.params);
接受参数的时候有两种写法都是一样的:
$state.params.id  或者  $stateParams.id

 

 

anuglar.js ui-router传递参数

标签:多个参数   button   out   结果   ui-router   ram   params   编辑   数据   

原文地址:http://www.cnblogs.com/haonanZhang/p/6874396.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!