Дмитрий Лузанов

@Directive({
  selector: 'textarea[appText]'
})
export class TextDirective {
  @Output() public hasScrollBar = new EventEmitter<boolean>();

  constructor(private readonly elRef: ElementRef<HTMLTextAreaElement>) {}

  @HostListener('change')
  @HostListener('input')
  public changes() {
    const elem = this.elRef.nativeElement;
    this.hasScrollBar.emit(elem.clientHeight < elem.scrollHeight);
  }
}

<textarea appText (hasScrollBar)="print($event)"></textarea>

Тип лучше указывать не через конструктор примитива, а через тип string (тот что из TypeScript, с маленькой буквы).
url: String = '';

Вы не используете возможности RxJS. Этот кусок кода можно сделать иначе:

ngOnInit() {
    this.Preview.url
      .subscribe(new_url => this.url = new_url);
  }

Подписчик не будет уничтожен при OnDestroy компонента, а будет слушать новый урл до тех пор, пока не выгрузится из памяти сборщиком мусора. Правильнее было бы сделать вот так:

public previewUrl$: Observable<string>

ngOnInit() {
    this.previewUrl$ = this.Preview.url
}

<div class="preview" *ngIf="(previewUrl$ | async) as url">
  <img class="preview__img" [src]="url">
</div>

В сервисе так же (https://github.com/BuG1K/task/blob/master/src/app/... вы подписались на http запрос и дальше не используете RxJS. Все манипуляции можно было сделать в tap/map и вернуть поток, с которым удобно работать.

Вы объявили значение dataTasks: any[];, но ничего ему не присвоили, оно равно undefined. Можно сделать так dataTasks: any[] = new Array();. Т.е. чтобы до того момента, пока данные не будут получены - там был массив а не undefined.

if (show != this.toggle) { // check if it change, tell CD update view
      this.toggle = show;
      this.user = this.authService.currentUser.name;
    } else {
      this.user = '';
    }

    this.cdRef.detectChanges();

Нужно вызвать this.cdRef.detectChanges() после присвоения.

Стать админом разной крупной страницы.

three.js и прочее это только библиотеки/фреймворки для удобства работы с WebGL, поэтому на вопрос "Как такая физика делается в JS" будет правильнее ответить WebGL. И если хочется понять как именно и что там работает, то начните с WebGL. А на чем конкретно в вашем случае было сделано, то это скорее всего three.js.

Но если я создам файл webpack.config.js и заполню одну из секций(например Output), то будет ли это означать, что Output будет браться из webpack.config.js, а остальные значения из того же неведомого конфига?

Нет. Могу посоветовать для этих целей (если настроек в angular.json не хватает) https://www.npmjs.com/package/ngw

<svg [attr.viewBox]="'0 0 100 ' + bla">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
  Sorry, your browser does not support inline SVG.  
</svg>

1. Использование хэша:

RouterModule.forRoot(routes, { useHash: true })

2. Редирект:

const appRoutes: Routes = [{
    path: '',
    redirectTo: '/index1',
    pathMatch: 'full'
  }
];

В шаблоне контейнера (/melist/melist.component.html) и выводите, например так:

<main>
  <section>
    <child-component></child-component>
  </section>

  <another-child-component></another-child-component>
</main>

Где child-component и another-child-component селекторы дочерних компонентов.

Ну можно как-то так, если очень хочется.

switchMap((token) => {
        console.log(token)
        const headers = new HttpHeaders().set(
          'Authorization',
          'bearer ' + token.id_token
        );
        return this.httpClient.get('http://143.167.112.46:3001/api/protected/user-info', {headers}).pipe(
          map(user => {
            return { user, token }
          })
        )
      }),
      mergeMap({ user, token }) => {
        console.log(user, token)
        this.router.navigate(['/']);
        return [
          {
            type: AuthActions.SIGNIN
          },
          {
            type: AuthActions.SET_TOKEN,
            payload: token
          }
        ];
      });

Но я бы вынес

this.httpClient.get('http://143.167.112.46:3001/api/protected/user-info', {headers})

и все остальные запросы к серверу в сервис.

https://azure.microsoft.com/ru-ru/services/storage/
https://docs.microsoft.com/en-us/rest/api/storages...

В интерфейс пользователя вклад выводится как заработанная сумма очков, делённая на 10 и округлённая методом floor (отбрасыванием дробной части числа).