Поэтому в основном я хочу добавить компонент заметок в основной компонент Каждый раз, когда кнопка создания заметок нажимается из основного компонента.
Вам понадобится массив Note в вашем основном компоненте. Затем вы можете вставить новый экземпляр Note в массив, когда пользователь нажмет кнопку. Затем вы создадите новый компонент e. г. NoteComponent, который отображает один экземпляр Note и принимает его как @Input. В своем шаблоне основного компонента вы затем перебираете свои заметки с *ngFor:
Note
NoteComponent
@Input
*ngFor
<note [note]="note" *ngFor="let note of notes"></notes>
Это должно помочь вам начать:
https://angular.io/guide/component-interaction
https://angular.io/guide/displaying-data