无法绑定到' index'当使用ngFor循环Angular时

时间:2017-05-19 09:20:14

标签: javascript angular ngfor

当我尝试将RewriteCond %{THE_REQUEST} % RewriteRule ^ /another-url [R,L] 循环的index传递到组件中时,会出现以下错误。

无法绑定'计数'因为它不是“app-details'

的已知属性

它接缝我无法通过索引。

第一个文件

*ngFor

第二档

import { Component } from '@angular/core';
import { App } from 'reg.interface';

@Component({
  selector: 'reg',
  styleUrls:['reg.component.scss'],
  template:`
    <div class="container">
    <div class="col-6">
      <h2>App Details:</h2>
      <app-details *ngFor="let app of apps; let i = index;"
        [details]="app"
        [count]="i"
      </app-details>
    </div>
  </div>
  `
})

export class RegComponent {
 apps: App[];
}

reg.interface

import { Component, Input } from '@angular/core';
import { App } from 'reg.interface';

@Component({
  selector: 'app-details',
  template: `
  <div class="col-12">
      <span>Index: {{ details | json }}</span>
      <span>Index: {{ count }}</span>
  </div>
  `
})
export class AppDetailsComponent {
  @Input()
  app: App;
  count: number;
}

我在我的主app.module中导入export interface App { type: string, price: number } + BrowserModule

任何帮助非常感谢 - 如果需要,我可以随时在问题中添加更多详细信息。感谢

1 个答案:

答案 0 :(得分:2)

export class AppDetailsComponent {
  @Input() app: App;
  @Input() count: number;
}