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> 现在让我解释一下为什么我需要这个. 它是用户卡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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |