Angular 2 @Input get называется много

Question

Я использую Angular 2, и я использую некоторые геттеры и сеттеры для связи между компонентами. Я сталкиваюсь с проблемами, когда функции getter и setter запускаются много раз, даже если они ничем не зависят. Я делаю что-то неправильно?

для функции геттера Я просто этот код:

private get SomeData(): string { 
     console.log("Getter called"); 
     return "some string"; 
} 

код сеттер:

@Input() 
public set SomeData(newData: string) { 
    console.log("Setter called"); 
} 

Связывание является:

<child-comp [SomeData]="SomeData"></child-comp> 

Консоль показывает Getter называется , Вызывается Setter, после чего он печатает около 20 линий, называемых Getter. Почему они называются?

Answer 1

Проблема вызвана

private get SomeData(): string { 
    console.log("Getter called"); 
    return "some string"; 
} 

, потому что она возвращает новый экземпляр строки каждый раз, когда проверка обнаружения изменений ли значение изменилось

Если изменить код

private someData:string = "some string"; 
private get SomeData(): string { 
    console.log("Getter called"); 
    return this.someData; 
} 

, то один и тот же экземпляр строки будет возвращаться каждый раз, Угловая распознает его как неизмененный, и сеттер не будет вызываться, если someData не имеет chan ВГО.