template - ng submit angular 4




لا يمكن الارتباط بـ "ngForOf" نظرًا لأنها ليست خاصية معروفة لـ 'tr'(الإصدار النهائي) (6)

أشياء للذكرى:

عند استخدام الوحدات النمطية المخصصة (وحدات أخرى غير AppModule) ، فمن الضروري استيراد الوحدة النمطية الشائعة فيها.

yourmodule.module.ts

import { CommonModule } from '@angular/common';

@NgModule({
  imports: [
    CommonModule
  ],
  exports:[ ],
  declarations: []
})

أنا أستخدم الإصدار النهائي Angular2 (2.1.0). عندما أرغب في عرض قائمة بالشركات ، حصلت على هذا الخطأ.

في file.component.ts :

public companies: any[] = [
    { "id": 0, "name": "Available" },
    { "id": 1, "name": "Ready" },
    { "id": 2, "name": "Started" }
];

في file.component.html :

<tbody>
  <tr *ngFor="let item of companies; let i =index">
     <td>{{i}}</td>
     <td>{{item.name}}</td>
  </tr>
</tbody>

أضف BrowserModule imports: [] في @NgModule() إذا كانت الوحدة النمطية للجذر ( AppModule ) ، وإلا فإن CommonModule .

import {BrowserModule, CommonModule} from '@angular/common';
..
..
@NgModule({
  imports: [BrowserModule, /* or CommonModule */],
  ..
})

ثابت app.module.ts وتغييرها إلى: استيراد BrowserModule في وحدة التطبيق الخاصة بك

 import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, BrowserAnimationsModule, ], exports: [BrowserModule, BrowserAnimationsModule], providers: [], bootstrap: [AppComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) 

عند استخدام "app-routing.module" ننسى استيراد "CommonModule". تذكر أن تستورد!

@NgModule({
    declarations: [
        ShopComponent,
        ShoppingEditComponent
    ],
    imports: [
        CommonModule,
        FormsModule,
        RouterModule.forChild([
            { path: 'shop', component: ShopComponent }, <--- offensive comma
        ])
    ]
})

كان لدي نفس الخطأ ولكن كان لدي CommonModule المستوردة. بدلاً من ذلك تركت فاصلة حيث لا ينبغي أن يكون بسبب النسخ / اللصق عند تقسيم وحدة نمطية:

import { CommonModule } from "@angular/common";
@NgModule({  imports: [ CommonModule]})

يجب عليك استيراد "CommonModule" في الوحدة النمطية حيث تستخدم هذه التوجيهات المضمنة مثل ngFor و ngIf إلخ.

import { CommonModule } from "@angular/common";


@NgModule({
  imports: [
    CommonModule
  ]
})

export class ProductModule { }




angular2-template