angular - テンプレート補間を使用して関数が何度も呼び出されていますか?

Question

基本的な質問で申し訳ありませんが、基本的な例を使用して angular2 フローを理解しようとしています。

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

@Component({
    selector:'my-app',
    template:'Test {{ getVal() }}'
})

export class AppComponent{ 
    getVal():void{
        console.log("demo text")
    }
}

この例を実行した後、「デモ テキスト」がコンソールに 4 回表示されます。なぜですか? ありがとう。