resolving form angular router set the input param to `undefined`

I tired to follow this tutorial

app.config(['$stateProvider', '$urlRouterProvider', '$compileProvider',
    function ($stateProvider, $urlRouterProvider, $compileProvider) {

        self = this;
        $compileProvider.preAssignBindingsEnabled(true);

        $urlRouterProvider.otherwise('/');

        $stateProvider.state('home', {
            url: '/',
            //template: '<home-component></home-component>',
            component: 'homeComponent',
            params: {
                selectedFilter: undefined
            },
            resolve: {
                isAdOps: function () {
                    return false;
                }
            }
        })

and

(function (app) {
    app.component('homeComponent', {
        templateUrl: 'partials/home-partial.html',
        bindings: {
            isAdOps: '<'
        },
        controller: ['$scope', '$state', function ($scope, $state) {

            var self = this;

            console.log("self.isAdOps = " + self.isAdOps);
            self.isFullList = false;

            // this.$onChanges = function (isAdOps) {
            //     if (angular.isDefined(isAdOps)) {
            //
            //         self.isAdOps = isAdOps;
            //         console.log("self.isAdOps = " + self.isAdOps);
            //         $scope.isAdOps = !self.isAdOps ? true : self.isAdOps;
            //
            //     }
            // };

            self.addVoice = function () {
                $state.go("add");
            };

            $scope.$broadcast('searchNoFilter');
        }]
    });

})
(promptoWeb);

but still i get to the console: self.isAdOps = undefined

what is missing?

Source: AngularJS