Angular父级和子级状态相同的控制器

Question

如果我有一个项目列表（状态是/项目），旁边我有一个项目的详细信息（状态是/ items /：id）。 这样做的最佳做法是什么？单独的控制器，还是使用相同的控制器？

class ctrl{
    constructor($http, $stateParams, $scope){
        $http.get(...).then((res)=> {
            this.items = res.data;
        });

        $scope.$on("$stateChangeSuccess", (e, state, params) => {
            if(params.id){
                this.currentItem = this.items[params.id];
            }
        });
    }
}

仅触发stateChangeSuccess，如果我在url中有id，则项目列表仍为空。 我试图在promise中注册事件，但在尝试直接访问url中的id时不会触发。

谢谢！