2016-09-03 4 views
1

Я пытаюсь преобразовать приложение AngularJS в приложение Angular2. В моем шаблоне есть вложенный цикл. Но он не работает, когда я использую синтаксис Angular2.Вложенная NgFor не работает - Angular 2

это мой код -

<table> 
<tr *ngFor = "let lbusQuestionAnswer of ibusQuestion.ilstQuestionAnswer"> 
    <table> 
    <tr *ngFor = "let lbusComment of lbusQuestionAnswer.ilstComments"> 
    <td> 
    <div>{{lbusComment.icdoComment.idoComment.commentHtml}}</div> 
    </td> 
    </tr> 
    </table> 
</tr> 
</table> 

JSON enter image description here И я получаю ниже ошибки в лог консоли.

EXCEPTION: TypeError: Cannot read property 'ilstComments' of undefined 

Я знаю, в StackOverflow есть много подобных вопросов. Но ничего не работает.

Благодаря Fahad Mullaji

+0

Ваше исключение подразумевает, что '' lbusQuestionAnswer' является undefined' – cnorthfield

+0

Но это не так. Позвольте мне добавить возможный JSON в вопрос –

+0

Возможный дубликат [Обнаружение свойства неопределенного объекта] (http://stackoverflow.com/questions/27509/detecting-an-undefined-object-property) – cnorthfield

ответ

0
<div *ngIf="ibusQuestion && lbusQuestionAnswer" > 
    <table> 
    ... 
    </table> 
</div> 

Валида си лос Elementos де ла Lista existen анте де mostrarlos ан ла виста

0

Я нашел решение это здесь - https://stackoverflow.com/a/34833436

Когда я добавил <div *ngIf ="ibusQuestion"> тогда он работал отлично !!

Я надеюсь, что этот ответ помогает и объясняет реальную причину этого

Смежные вопросы