Angular функции выполняются дважды при вызове в файле html

Question

Я попытался запустить проект angular, я создал простой компонент и запустил в нем файл console.log, но у меня проблема с запутыванием. когда я вызываю функцию из файла html из файла ts, она запускается дважды

TS:

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

    @Component({
      selector: 'app-hello',
      templateUrl: './hello.component.html',
      styleUrls: ['./hello.component.less']
    })
    export class HelloComponent implements OnInit {

      constructor() { }

      ngOnInit(): void {
      }


      log(val)

      { 
        console.log(val);
       }



      test() {
        let time = new Date()
        console.log(time.getSeconds());

      }

    }

html:

привет работает!

{{log ('test')}} {{test ()}}

журнал изображений: введите описание изображения здесь

Answer 1

Где и как часто вы называете свой компонент? Можете ли вы привести простой пример для stackblitz?

Без дополнительной информации, мы можем просто догадаться, что это такое. Вероятно, вы дважды вызывали свой компонент через ''.

Каждый экземпляр будет вызывать весь ваш шаблон и, следовательно, его вызывающие функции.