How to dynamically insert data into a component?

Question

Angular

I understand that jQuery is not cool and I would like to get rid of this

$('.maintext').html($compile(
        `
        <div>${description}
        <a class="greenbtn createbtn waves-effect waves-light btn" 
            ng-click="processCreate(${id})">
            ${btnCreatText}
        </a></div>
        `
      )($scope)
    );

Accordingly, I should have something similar to this in the code:

<div>
    <create />
</div>

And the component itself will be like this:

<div>
        /* тут как-то встает описание */
        <a class="greenbtn createbtn waves-effect waves-light btn" ng-click="processCreate(/* передаем id*/)">
            Создать
        </a>
</div>

But I can't figure out how to start rendering the create component if not directly accessed via $('.maintext'). And how can the component get new states, each time the conditional link is clicked, the same id for the processCreate function?

Answer 1

Google for directives. I understand that this is what you need if you are on Angular.