加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 将参数传递给ui-view

发布时间:2020-12-17 10:24:05 所属栏目:安全 来源:网络整理
导读:我正在尝试将参数传递给嵌套的ui-view: ui-view user="user"/ui-view 现在让我解释一下为什么我需要这个. 这就是我的ui的样子: 它是用户卡Angular组件.在这个组件内部有几个选项卡,例如具有自己状态的子组件.我的目标是从父状态为标签提供用户对象. 我还要
我正在尝试将参数传递给嵌套的ui-view:
<ui-view user="user"></ui-view>

现在让我解释一下为什么我需要这个.
这就是我的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没有为子状态创建孤立的范围,
所以你可以轻松访问它们
$scope.$ctrl.youparentproperty

而就我而言,它是:

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读