当函数更改了angular6时，在div中更改文本

Question

我有一个愚蠢的问题，但由于不知道正确答案而无法继续：

在我的Web应用程序中，我有一个带有简单文本的div，当boolean更改为true时，我想对其进行更改。

这是我的ts代码：

isCodeGenerated : boolean = false;
pressButton() {

    this.buttonState = true;
    this.userService.getVerificationCode()
        .subscribe(code => {
            this.isCodeGenerated = true;
            this.pvCodeContainer = code;
            this.showPVCodeDialog = true;
        });    
}

这是我的html块：

<div class="modal__body">
            <p [hidden]="isCodeGenerated == false" [innerHTML]="'Usage.TEXTa'"></p>
            <p [hidden]="isCodeGenerated == true" [innerHTML]="'Usage.TEXTb' | translate:{value: pvCodeContainer.codePartA}"></p>

        <div class="button-group flex-items-xs-center">
            <button (click)="closePVCodeDialog()" class="button button--primary">
                {{ 'Usage.ForwardButton' | translate }}
            </button>
        </div>
</div>

我的问题是，值（文本）不变。

有人可以帮我吗？

谢谢