angularJS $ stateProvider - 解决$ scope

Question

我正在尝试解决组件使用原因的范围，但这似乎是一个问题...请查看代码并告诉我您是否发现问题或对如何实现它有不同的想法

angular.module('app').config(
    function ($stateProvider) {
        $stateProvider.state('home', {
            url: '/home',
            views: {
                '': {
                    template: `<my-comp user-logged-in="userModel"></my-comp>`
                }
            },
            resolve: {
                '$scope': function ($rootScope) {
                    var scope = $rootScope.$new();
                    scope.userModel = {userId:1, name:'user'};
                    return scope;
                }
            }
        })
    });

正如您所看到的，我正在尝试将 userModel 的数据直接传递给组件控制器，但它失败了......

目前我正在使用以下逻辑工作正常，但我正在尝试新的东西：）

views: {
    '': {
        template: `<my-comp user-logged-in="$ctrl.userModel"></my-comp>`,
        controller: function (userLoggedIn) {
            this.userModel = userLoggedIn;
        },
        controllerAs: '$ctrl'
    }
},
resolve: {
    userLoggedIn: function (userLoggedIn) {
        return userLoggedIn;
    }
}

请告知。