anuglar.js ui-router传递参数

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: '',page: ''});

接受参数的写法：

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

巴特西

anuglar.js ui-router传递参数

最新文章

热门文章