Как переделать директиву из AngularJS в Angular 2?

Question

[Artem0071]

Была деректива:

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 );
                } );
            }
        }
    }
] );

Как ее переделать в компонент в Angular2, или лучше вообще в сервис переделать?

Answer 1

[Роман]

А в чем сложность ?
СмОтрите спецификацию компонента в Angular 2 и переделываете.
Попутно избавляетесь от всякого странного кода, типа "transclude: !0,"