typescript - Angular-fel: Kan inte binda till 'ngForFrom' eftersom det inte är en känd egenskap hos 'a'

Detta är inte ett nytt fel, tror jag. Jag har provat det mesta som löste felet, men jag kan inte fixa det. Här är min appModule.ts-fil

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CommonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Det ser ut som att jag har allt som behövs, låt mig veta om något saknas. Och här kan du se min mall, app.component.html

<div class="container">
<span class="text-center">
    <h1>{{Portfolio.firstName+' '+Portfolio.middleName+' '+Portfolio.lastName[0]}}</h1>
    <h2 class="subHeading">{{Portfolio.subheading}}</h2>
    <img src="../assets/img/me.JPG" class="rounded-circle mx-auto d-block smallerImg">
</span>
<div class="row justify-content-center">
    <a [href]="social.link" class="p-2" target="blank"
     *ngFor="let social from Portfolio.socialMedia">
        <i [style.color]="social.color" [class]="social.icon"></i>
    </a>
</div>
</div>

Och här är min app.component.ts-fil

import { Component} from '@angular/core';
import  { CommonModule} from '@angular/common';
import { OnInit, NgModule } from '@angular/core';
import { Portfolio } from './../models/portfolio.interface';
 socialMedia: [
    {
      icon: 'fa fa-linkedin fa-2x',
      link: 'https://www.linkedin.com/in/akshay-kumar-603740136/',
      color: '#007bb6'
    },
    {
      icon: 'fab fa-github',
      link: 'https://github.com/akkie00',
      color: '#6e5494'
    }
  ],

där du kan se arrayen jag försöker loopa igenom. Detta är felet jag får:

    compiler.js:486 Uncaught Error: Template parse errors:
Can't bind to 'ngForFrom' since it isn't a known property of 'a'. ("v class="row justify-content-center">
    <a [href]="social.link" class="p-2" target="blank"
     [ERROR ->]*ngFor="let social from Portfolio.socialMedia">
        <i [style.color]="social.color" [class]="soc"): ng:///AppModule/AppComponent.html@8:5
Property binding ngForFrom not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</span>

All hjälp uppskattas mycket.

Svar #1

Försök

*ngFor="let social of Portfolio.socialMedia"

from är fel nyckelord. Använd of

Relaterade artiklar