мудро сказанул

Удалять/вставлять дороже чем скрывать

Привет, не подскажете, почему прогресс загрузки файла выдает либо 0, либо 100?

Сервис:

save(data: FormData, token?: string): Observable<HttpEvent<HttpProgressEvent>> {
    const apiUrl = this.configService.config.apiBaseUrl;
    const url = `${apiUrl}`;

    return this.httpClient.post<HttpProgressEvent>(url, data, {
      reportProgress: true,
      observe: "events"
    });
  }

Вызов:

this.filesService.save(formData)
      .pipe(
        uploadProgress(progress =>
          this.state.files.progress = progress
        ),
        toResponseBody()
      ).subscribe(res => {
        this.state.files.progress = 0;
        this.state.files.success = true;
      });

function uploadProgress<T>(cb: (progress: number) => void) {
  return tap((event: HttpEvent<T>) => {
    if (event.type === HttpEventType.UploadProgress) {
      cb(Math.round((100 * event.loaded) / event.total));
    }
  });
}

Angular 8

Это зависит от контекста, что вставляешь скрываешь и как

Всем привет. Задача стоит сделать инпут, в который что-то вводят, он получает подсказки и они отображаются снизу. По списку можно перемещаться с помощью стрелочек и выполнять какое-то действие по клавише энтер. Как бы вы это реализовали?) Может у кого были похожие кейсы

Angular Material Mat-autocomplete, значения берем у бека на .NET Core из dadata. Всё, как бы

Я за день это реализовал на всём готовом

Нашел, спасибо!)

Всем привет! А есть статьи про темизацию?

Она делается лучше на уровне CSS или программно? Понимаю, что можно использовать оба подхода

Нужно что-то нормально чтобы сразу без костылей сделать)

Добрый день!

Пытаюсь разобраться с маршрутизацией, и вот чего не пойму: элемент router-outlet же не должен находиться на самой странице вроде, так как является директивой, но на деле

<main>
 <router-outlet></router-outlet>
</main>

почему то собирается в это:

является директивой, у которой селектор является тегом

Так. То есть он в любом случае останется в структуре документа? Если так, законно ли  в css прописать router-outlet {display: none}? :D

Потому что при тех же флексах он вполне занимает место

да, останется

да, законно

Ок, спасибо огромное ^^

Всем привет. посылаю запрос на бэк:

Component:

 onSubmit() {
    console.log(this.check())
    if (this.form.invalid) {
      return;
    } else {
      this.isLoading = !this.isLoading;
      console.log(this.form);
      this.signupService.signup(
        this.form.value.email,
        this.form.value.password,
        this.form.value.empid,
        this.form.value.forename,
        this.form.value.surname)
        .subscribe(data => {
          this.responsedata = console.log(data)
          this.isLoading = !this.isLoading;

Service:

signup(email: string, password: string, empid: string, forename: string, surname: string ) {
    let headers = new HttpHeaders();
    headers = headers.append('Content-Type', 'application/json');
    headers = headers.append('X-XSRF-TOKEN', this.getCookie('XSRF-TOKEN'));
    const httpOptions = {
      headers
    };
    const data = JSON.stringify({email, forename, surname, empid, password});
    return this.http.post<any>(this.domain + '/auth/signup/', data, httpOptions)
    .pipe(catchError(this.handleError)
  );
}