Как динамически подставлять данные в компонент?

Question

[Максим Иванов]

Я так понял, jQuery это не круто и хотел бы избавиться от такого

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

Соответственно, у меня должно быть в коде нечто похожее на это:

<div>
    <create />
</div>

А сам уже компонент будет таким:

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

Но не могу понять, как начать отображать компонент create, если не обращаться напрямую через $('.maintext'). И как компонент может получить новые состояния, каждый раз при клике на условную ссылку, тот же id для функции processCreate?

Answer 1

[Frozen Coder]

Гуглите в сторону директив. Я так понял, что это то, что вам нужно, если вы на Angular.