Есть ли способ связать * ngIf с формой темы материала для отображения изображения, используя Angular?

Question

          RegisterComponent.html:93 ERROR TypeError: Cannot read property 'undefined' of undefined
         at Object.eval [as updateDirectives] (RegisterComponent.html:93)
         at Object.debugUpdateDirectives [as updateDirectives] (core.js:36055)
         at checkAndUpdateView (core.js:35067)
         at callViewAction (core.js:35433)
         at execEmbeddedViewsAction (core.js:35390)
         at checkAndUpdateView (core.js:35068)
         at callViewAction (core.js:35433)
         at execComponentViewsAction (core.js:35361)
         at checkAndUpdateView (core.js:35074)
         at callViewAction (core.js:35433)`

Я использую базу данных SQL, из которой мне удалось отобразить / извлечь все данные, но мне трудно получить изображение, отображаемое для каждого пользователя. Вместо этого я получаю ошибку

<ng-container matColumnDef="PhotoName" >
      <mat-header-cell *matHeaderCellDef>PhotoName</mat-header-cell>
            <mat-cell *matCellDef="let element" data-label="PhotoName" >
                    <!-- <img class="imgUrl" [src]="ImageUrl"/> -->
                          <div mat-cell 
                      *ngIf="repoService.qns[repoService.qnProgress].PhotoName!=null">
                                            <img class="imgUrl" 

   [src]="repoService.url+'/UploadFile/'+repoService.qns[repoService.qnProgress].PhotoName" 
     style="width: 50px; height:50px;">
                                            </div>
                                        </mat-cell>
                                    </ng-container>

Answer 1

Вы проверили свой ответ БД? Я думаю, что есть проблема в

   *ngIf="repoService.qns[repoService.qnProgress].PhotoName

, так как шаблон не может найти «PhotoName» в repoService.qns [repoService.qnProgress]. Убедитесь, что правильно обрабатывает ошибки.

Еще одно предложение, вы также можете использовать трубу "asyn c" для работы с Observables.