How to make a dynamic template directive?

Question

JavaScript

Hello. I'm new to Angular.js and just getting started with it. Now I can’t figure out how to write a directive so that its template is updated after changing the variable, for example in this case.
codepen.io/Galamoon/pen/oxwvEZ
I tried many options,

but either the skis don't go or I'm a fool

In general, I hope for your help.
Thanks in advance to all those who care.

Answer 1

I'm new to Angular.js and just getting started with it.

If you need to replace the contents of the block, then it is better to do it in general through transclude. And if it's just what would work:
instead of $attrs, use scope

scope: {
        content: '@uiTooltip'  
    },

ps better take the finished implementation