AngularのTypescriptでlazyLoad内で指定した変数をHTML側で展開したい。

Question

Typescript

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  testText = string;

  lazyLoad(): void {
    …
　　　　const testText = 'テストです。';　//←この変数をHTMLで使いたい。
　　　　console.log(testText)
    …
  }
}

HTML

{{testText}}　<!--←こんな感じで表示させたい。-->

上記のような形で、中に入り込んで指定した変数をHTML側で表示させるようにするにはどうしたら良いでしょうか？
よろしくお願い致します！！

Answer 1

クラスのプロパティに代入したら駄目ですか？？

export class AppComponent {
  testText = string;

  lazyLoad(): void {
    …
　　　　const testText = 'テストです。';　//←この変数をHTMLで使いたい。
       this.testText = testText;  // 追加
　　　　console.log(testText)
    …
  }
}

Comments

[lisaaaan]

ご回答頂きありがとうございます！
お教え頂いた方法で試してみたのですが
私の環境では上手くいかず…。

ちょっと難しそうなのでこちらの実装は諦めることにしました…。
せっかくお答え頂いたのに申し訳ありません。
一旦閉じさせていただきます！

Answer 2

ちょっと難しそうなのでこちらの実装は諦めることにしました…。
解決出来ておらす申し訳ありませんが、一旦閉じさせていただきます！