How to convert directive from AngularJS to Angular 2?

Question

Angular

There was a directive:

app.directive( 'vkComments', [
    '$window',
    '$timeout',
    function( $window, $timeout ){
        return {
            restrict: 'E',
            template: '<div id="vk_comments" ng-transclude post-url="{{url}}"></div>',
            scope: {
                readyToBind: '@'
            },
            replace: !0,
            transclude: !0,
            link: function( $scope, $element, $attr){
                $scope.$watch( 'readyToBind', function(){
                    $timeout( function(){
                        $window.vkComment = VK.Widgets.Comments( 'vk_comments', { limit: 10, attach: '*', autoPublish: 1, mini: 1 }, location.href);
                    }, 100 );
                } );
            }
        }
    }
] );

How to convert it into a component in Angular2, or is it better to convert it into a service altogether?

Answer 1

And what is the difficulty?
See the component specification in Angular 2 and redo it.
Along the way, get rid of any weird code like "transclude: !0,"