Genellkile component taagleri arasına yazılanlar dom tarafından silinir. Yani <app-component></app-component> şeklinde bir component çağrısının içinde ben kalkarda app-component> <div #serverName bla bla… > </app-component>  diye html kodunu angular referansları binding modelleri vs ile yazmaya kalktığımda DOM bunu manipule eder ve ortadan kaldırır. !!!

Dikkat ! Bunu yaparken de hata vermez. Olduğu gibi çalışır.

Componente hook yapmak için ng-content tagini componenti eklediğiniz perde kullanırsanız bu konuyu yüksek oranda çözecek bu şekilde componenti çalıştırmazdan evvel component çağrısını kontrol edecektir. Çağrı içinde eğer  <app-component> <div #serverName bla bla… > </app-component> gibi bit durum var ise bunun DOM tarafından manipule edilmesini önleyecek ve burada componentin çağrıldığı yerde onun çalışma türünde yapılabilecek bir takım değişiklikler için ona hook yapabilme yeteneği yani var olan çalışmasını değiştirme ya da güncelleme ekleyecektir.