Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 将参数传递给ui-view大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将参数传递给嵌套的ui-view:
<ui-view user="user"></ui-view>

现在让我解释一下为什么我需要这个.@H_450_4@这就是我的ui的样子:

它是用户卡Angular组件.在这个组件内部有几个选项卡,例如具有自己状态的子组件.我的目标是从父状态为标签提供用户对象.

我还要展示一些简化的代码

.state('user',{
    url: '/user/:userId',template: `<user user-id="userId"></user>`,controller: ($scope,$stateParams) => {
      $scope.userId = +$stateParamS.UserId;
    }
  })
  ...
  .state('user.tab1',{
    url: '/tab1',template: '<tab1 user="$ctrl.user"></tab1>',$statE) => {
      //I would like to get access to the user object here
      let course = $scope.$ctrl.user;
    }
  });

所以再一次:用户对象不是加载到ui-router控制器,而是加载到组件的控制器.这个组件的模板嵌套在其中我想拥有用户对象.

我发现ui-router没有为子状态创建孤立的范围,@H_450_4@所以你可以轻松访问它们
$scope.$ctrl.youparentproperty

而就我而言,它是:

.state('user.tab1',{
  url: '/tab1',});

如果其他人在同一个问题上苦苦挣扎 – https://plnkr.co/edit/9LSNtWWcom6ERZRBucXB?p=preview

大佬总结

以上是大佬教程为你收集整理的angularjs – 将参数传递给ui-view全部内容,希望文章能够帮你解决angularjs – 将参数传递给ui-view所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。