如何从Angular2中的prime-ng轮播中获取模板索引?

时间:2017-08-07 07:25:10

标签: angular angular2-template primeng

我使用下面的代码显示使用角度为2的prime-ng轮播从模板标签内的excel上传的数据。

exceldata.html: -

<p-carousel headerText="Category" [value]="ExcelRowDatas" class="pcaro">
   <template ngFor let-ExcelRowData [ngForOf]="ExcelRowDatas" let-i="index" pTemplate="item">
       <div class="ui-grid ui-grid-responsive">
          <div class="ui-grid-row">
             <div class="ui-grid-col-6">Index No.</div>
             <div class="ui-grid-col-6">({{i}})</div>
          </div>
          <div class="ui-grid-row">
             <div class="ui-grid-col-6">Place</div>
             <div class="ui-grid-col-6">{{ExcelRowData['Place']}}</div>
          </div>           
       </div>
   </template>
</p-carousel>

exceldata.ts: -

let ExcelRowDatas = [{"Place": "New York"}, {"Place": "London"}, {"Place": "Paris" }]

Plunker: - https://plnkr.co/edit/PUOlAQ7abbAJ7el4ciQ2?p=preview

我无法获取ng-carousel内模板标签内的行索引。但我能够在不使用ng-carousel的情况下在模板中获取索引。如何使用模板获取ng-carousel中的索引值?

0 个答案:

没有答案