Установите значение в App.component.html из другого компонента

Question

Я очень новичок в угловой, извините за этот вопрос, но как я могу изменить значение в родительском компоненте (компонент приложения) из другого сгенерированного компонента (BasicInfoComponent). я пытаюсь этот код, но я думаю, что я неправильно понимаю некоторые идеи, поэтому, пожалуйста, не могли бы вы дать мне очень прямое и краткое описание.

    <div class="container">// app.component.html
    <img class="logo" src="./../assets/img/logo.png">
     {{sectionstatment}}
     <router-outlet [sectionstatment] = 'statment'></router-outlet>
      </div>


   export class AppComponent {// app.component.ts
     title = 'title';
   sectionstatment = '';
   }
     export class BasicInfoComponent implements OnInit {//basic-info.component.ts
       statment = 'hi' ;
       constructor() {
          }