AngularJS data-ui-sref的使用

最新推荐文章于 2025-01-14 15:30:00 发布

snow51

最新推荐文章于 2025-01-14 15:30:00 发布

阅读量1k

点赞数

分类专栏： AngularJS 文章标签： data-ui-sref

本文链接：https://blog.youkuaiyun.com/snow51/article/details/81031101

版权

AngularJS 专栏收录该内容

6 篇文章

订阅专栏

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