Bootstrap 4是否与angular4中的ngFor?

时间:2018-02-07 07:21:53

标签: angular bootstrap-4 accordion

<div id="accordion" role="tablist" aria-multiselectable="true" *ngFor="customeOffer of customOfferData">
        <div class="card">
              <div class="card-header" role="tab" id="headingThree">
                <h5 class="mb-0">
                 {{customeOffer.name}}
               </h5>
           </div>
      </div>
</div>

我对ngFor的手风琴不起作用。它正在给出错误。任何人都可以告诉我。请帮忙。谢谢。

2 个答案:

答案 0 :(得分:1)

ngFor循环的语法是 * ngFor =“让数组的变量”。

所以在你的情况下,语法将是这样的:

*ngFor="let customeOffer of customOfferData"

答案 1 :(得分:0)

正如您所提到的,您的ngFor无效,如果您收到此错误,

  

模板解析错误:无法绑定到'ngFor',因为它不是已知的   element

的财产

问题是:*ngFor="customeOffer of customOfferData"

您错过了let关键字*ngFor="let customeOffer of customOfferData"

参考:Showing an array property with *ngFor