ng-repeat 不显示行

Question

在 angular

中使用 ng-repeat

我想遍历列表并显示 docName 。尝试了以下但没有显示任何内容。

<div *ngIf = "loggedInUser && !loggedInUser.isAdmin">
            Non Admin
            <div  class="row" *ngIf="faqLi && faqLi.length > 0" style="padding:10px;">
                    <div class="col-sm-12">
                            <ul>
                                    <li ng-repeat="faqLi">{{faqLi.docName}}</li>
                            </ul>                            
                    </div>
            </div>
    </div>

型号faq.ts

export class Faq {
    id : Number ;
    docName : string = "";
    createDate : Date = null;
    createdByObj : User;
    faqBoards: Board[] ;
}

faqLi 是 faq 列表，长度为 4。

Im getting this error:
error TS2339: Property 'docName' does not exist on type 'Faq[]'.

    97                                     <li ng-repeat="faqLi">{{faqLi.docName}}</li>
                                                                   ~~~~~~~~~~~~~

我只想迭代列表并在每一行中显示 docName。

我尝试了 f in faqLi 和 {{f.docName}} 但还是一样

Answer 1

您混淆了 AngularJs 和 Angular。您使用的显然是 Angular。所以 ng-repeat 不存在，你可以使用 ngFor :

<div *ngIf = "loggedInUser && !loggedInUser.isAdmin">
            Non Admin
            <div  class="row" *ngIf="faqLi && faqLi.length > 0" style="padding:10px;">
                    <div class="col-sm-12">
                            <ul>
                                    <li *ngFor="let e of faqLi">{{e.docName}}</li>
                            </ul>                            
                    </div>
            </div>
    </div>

ng-repeat 不显示行

ng-repeat not displaying rows

javascript

typescript

primeng

angular