Блог

Главная - Вопросы по программированию - Хотел передать данные из сервиса в компонент в angular

Хотел передать данные из сервиса в компонент в angular

#angular #angular10

#angular #angular10

Вопрос:

Я передаю данные из «uploadProgressbar», я получаю эти данные в консоли, но не смог получить данные в HTML-файле, этот код находится в стадии обсуждения.service.ts и хочет, чтобы эти данные в card-detail.component.html

переговоры.service.ts

 bucket.upload(params).on('httpUploadProgress', function (evt) {
  var uploaded = Math.round(evt.loaded / evt.total * 100);
  console.log(`File uploaded: ${uploaded}%`);
  this.uploadProgressbar = uploaded;
  console.log(this.uploadProgressbar);
}).send(function (err, data) {
  if (err) {
    console.log(err, err.stack);
    return;
  }
  var fileUrl = data.Location;
  console.log('File URL:', fileUrl);
  alert('File is uploaded successfully!');
})

card-detail.component.html

 <div class="upload-percentage">
   <p>{{negoService.uploadProgressbar}} %</p>
</div>

card-detail.component.ts

 constructor(private negoService: NegotiationService) { }

Комментарии:

1. Надеюсь, это поможет: c-sharpcorner.com/article /. … И проверяли ли вы значения negoService при загрузке компонента? Возможно, сначала загружается ваш компонент, а затем значения обновляются в вашем сервисе.

2. Вы пробовали создать локальное свойство внутри компонента ( card-detail.component.ts ) и использовать метод service для хранения данных в этой переменной внутри компонента, чтобы затем использовать его в своем шаблоне?

Метки: