Fiquei com uma duvida da possibilidade de criarmos um componente ao criarmos os modelos dos Cards dos pensamentos.
No Angular criamos componentes para nos ajudar a lidar com a duplicidade de codigo, não poderiamos termos criado 1 componente para o trecho de codigo a baixo, e passar algum paramentro informando as diferenças dos modelos, ao inves de repetirmos 3 vezes o codigo.
<label for="modelo">Selecione o modelo do card</label>
<div class="container-radio">
<div class="radio-modelo">
<label for="modelo1">
<input type="radio" id="modelo1" value="modelo1" name="modelo-card">
<div class="custom-radio">
<span></span>
</div>
<span>Modelo 1</span>
</label>
Previa:
<div class="modelo modelo1 ff-roboto-mono">
<img src="../../../../assets/image/modelo1.png" alt="Aspas Azuis">
<p class="conteudo">Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt qui cum consequatur necessitatibus accusamus! Illum eius atque placeat ipsum neque nulla aliquid veritatis doloremque porro, iste perspiciatis ab, quo cupiditate.</p>
<p class="autoria"><b>Lorem ipsum dolor</b> </p>
</div>