Existe uma maneira de atualizar uma variável de cadeia quando outra variável é alterada? Eu tenho uma seqüência de caracteres que é criada usando várias variáveis. Eu exibo essa sequência no arquivo html do componente usando interpolação. No entanto, se uma variável mudar que a cadeia estava usando para se construir, ela nunca será alterada porque não pode ser mutada. A única maneira seria redefinir a string novamente quando uma das outras variáveis mudar.

Código ts de amostra:

import { Component} from '@angular/core';

@Component({
    selector: 'app-test-component',
    templateUrl: './test.component.html',
    styleUrls: ['./test.component.scss']
})
export class TestComponent {

    myString = '';
    amount = 0;

    constructor() {
        this.myString = `Hello, you have ${this.amount} dollars.`;

        setTimeout(() => {
            this.amount = 40;
        }, 5000);
    }
}

Exemplo de código html:

<p>{{ myString }}</p>

É claro que, depois de cinco segundos, a corda permanece a mesma porque nunca a reinicializei. Existe uma maneira de detectar automaticamente se alguma das variáveis sendo usadas dentromyString mudar e atualizarmyString usar os valores das variáveis alteradas?

Obrigado, qualquer informação é apreciada!