Как исправить ОШИБКУ TypeError: Невозможно прочитать свойство 'start' из null в Object.eval [как updateRenderer]

Question

Когда я связываю код с внешним интерфейсом и показываю некоторые данные здесь, но некоторые данные не отображаются здесь, и я утешаю их, получая все данные в консоли, но они не отображаются в html.

this.route.paramMap.subscribe(param => {
  if (param && param.keys.length > 0 && param.has("id")) {
    this.tem.getOne(param.get("id")).subscribe(res => {
      this.certifications = res.certifications;
      this.educations = res.educations;
      this.experiences = res.experiences;
      this.publications = res.publications;
      this.volunteer_experiences = res.volunteer_experiences;
      this.projects = res.projects;
      this.skills = res.skills;
      this.introduction = res.introduction;
      console.log(this.introduction.first_name);
    });
  } else {
    this.router.navigate(["/"]);
  }
});

Вот HTML-код, но он не показывает, когда я связан с веб-интерфейсом

 <div class="ur-detail-wrap top-lay">
  <div class="ur-detail-box">
    <div class="ur-thumb">
      <img src="{{introduction.picture}}" class="img-responsive" alt="" />
    </div>
    <div class="ur-caption">
      <h4 class="ur-title">{{introduction.first_name}} {{introduction.last_name}}</h4>
      <p class="ur-location">
        <i class="ti-location-pin mrg-r-5"></i>{{introduction.location_name}}
      </p>
      <span class="ur-designation">{{introduction.headline}}</span>
      <div class="rateing">
        <i class="fa fa-star filled"></i>
        <i class="fa fa-star filled"></i>
        <i class="fa fa-star filled"></i>
        <i class="fa fa-star filled"></i>
        <i class="fa fa-star"></i>
      </div>
    </div>
  </div>