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

我使用jQuery和Angular JS编写了一个简单的选项卡应用程序，有时在Angular JS呈现html之后，jQuery代码不会执行。我正在考虑将这个jQuery代码转换为AngularJS指令

下面是我的代码片段和输出的链接

---

有人能帮助我如何将其转换为AngularJS指令吗？

如果你使用AngularJS，与其让别人为你做这项工作，不如自己动手学习如何“用AngularJS思考”。看到隐藏了吗？显示添加类？这些都是无需创建指令的角度句柄。从

ng单击

、

ng显示

和

ng类

开始。考虑控制器或指令中的哪些状态会使事情与jQuery操作相匹配。先试试……然后当有麻烦回来的时候

        $(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;
        });         
    });