AngularJS data-ui-sref的使用

data-ui-sref

// 页面跳转重新生产新网页,ui-sref 查找路由的$state中名为'orderPage'的state,读取其URL路由,然后在a标签中生成href='url'
<a data-ui-sref="orderPage">页面跳转</a>
//转化为:
<a data-ui-sref="orderPage" href="#/orderPage.html">页面跳转</a>

//参数的传递:
<a data-ui-sref="orderPage({id:item.Id, name:item.productName})">按钮</a>

//路由里面配置:
$stateProvider.state('orderPage', {
    url: '/orderPage.html?id&name',         //参数必须先在这边声明
    //url: '/orderPage/:id/:name',
    //url: 'man',params:{'id': null,'name':null},
    templateUrl: 'orderPage.html',
    controller: 'OrderPageController',
    dependencies: ['js/controllers/OrderPageController.js']
})

//controller里面通过$stateParams取值:$stateParams.id,$stateParams.name

猜你喜欢

转载自blog.csdn.net/snow51/article/details/81031101