angular中关于如何传id以及其他参数的

最新推荐文章于 2023-05-09 19:52:50 发布

原创最新推荐文章于 2023-05-09 19:52:50 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

9 篇文章

订阅专栏

在Angular应用中，传递ID和其他参数可以通过HTML中的`ui-sref`绑定到URL，并在路由配置中设置`:id`参数。在接收页面中，使用`$state.params`获取ID，例如`vm.data.id`，并通过`ng-model`实现双向绑定。通过`vm.searchParam`传递筛选参数到接口，如`managerService.getFooter`和`managerService.getFooterList`，确保正确处理接口调用和参数传递。

有id的时候，比如查询单个，

在html文件中绑定id给url：

<a ui-sref="admin.content.mainDeliver  ({id:li.id})  ">

这就传给了url

前提是给下个页面的路由配上/:id 这个

这个id一般是传给下个页面的e

读取页面的时候 文件一般 {{vm.data.id}}

input类型是<input ng-model="vm.data.id">  这里是vm.data.id 因为js中有vm.data=res.data.objs

ng-model="vm.searchParam.status"

这个是双向绑定，在js文件中的vm.searchParam = $state.params;是取链接位置的参数

因为是双向绑定，所以在下边选择好之后可以传到链接里。再在js文件中vm.searchParam = $state.params;

用vm.searchParam 来传给接口。

注意细节，接口地址不要写错。

getFooter(vm.id);
function getFooter(){
    managerService.getFooter(vm.id).then(function(res){
            vm.data=res.data.obj;
            console.log(res)
        }
    )}

用这个方式是不是简单点

getFooterList( vm.searchParam ,platType);
function getFooterList(){
    managerService.getFooterList(vm.searchParam ,platType).then(function(res){}）；