如何将jQuery函数转换为angular指令？

Question

我使用jQuery和Angular JS编写了一个简单的Tab应用程序，有时在Angular JS渲染html之后我的jQuery代码没有被执行。我正在考虑将这个jQuery代码转换为Angular JS指令。

以下是我的代码段和输出

的链接

http://jsbin.com/iDAwAso/1/edit?html,output

        $(function(){
        $('ul.tabs li:first').addClass('active');
        $('.block article').hide();
        $('.block article:first').show();
        $('ul.tabs li').on('click',function(){
            $('ul.tabs li').removeClass('active');
            $(this).addClass('active');
            $('.block article').hide();
            var activeTab = $(this).find('a').attr('href');
            $(activeTab).show();
            return false;
        });         
    });

有人可以帮助我如何将其转换为angular指令吗？