如何将ngFor索引变量与哈希符号连接起来?

问题描述 投票:0回答:3

我正在构建一个FAQ部分,通过ngFor循环和FAQ项目组件填充FAQ。我希望能够使用锚标记链接到页面中的位置。为此,我从npmjs下载了scrollTo模块。 https://www.npmjs.com/package/ng2-scroll-to

这个scrollTo模块接受一个href参数,我试图在一个模板表达式中连接ng和ng的索引计数器变量,但是当我这样做时,我得到一个错误。继承我的代码。

<section id="top">
  <ol>
    <li *ngFor="let item of faqItems; let i=index" scrollTo href={{"#" + i}}>{{item.question}}</li>
  </ol>
<dl>
  <app-faq-item *ngFor="let item of faqItems; let i=index" 
  [question]="item.question" [answer]="item.answer" [attr.id]="i"></app-faq-item>
</dl>
<button scrollTo scrollableElementSelector="#top" scrollYTarget="0">Go top</button>
</section>

错误来自href部分。任何人都知道如何将i变量和hashsymbol加入一个字符串?

angular angular2-template ngfor
3个回答
© www.soinside.com 2019 - 2024. All rights reserved.