代码之家  ›  专栏  ›  技术社区  ›  user4422315

模板分析错误-角度5

  •  0
  • user4422315  · 技术社区  · 7 年前

    我已经多次阅读并遇到这个问题。我不确定这是否与Ang 5有关。我试图降级到4级。目前没有运气。任何想法。

    据我所知,我试图解决以下问题是在应用程序中添加。单元ts:

    import { CommonModule } from '@angular/common';  
    import { ErrorHandler, NgModule, NO_ERRORS_SCHEMA,CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
    

    控制台错误:

    errors in console

    嵌入模板上的任何指令都没有使用属性绑定ngForIn。请确保属性名称拼写正确,并且所有指令都列在“@NgModule”中。声明“…”

    这是我的密码

    家html

    <ion-header>
      <ion-navbar>
        <ion-title>
          {{eventItem.title}}
        </ion-title>
      </ion-navbar>
    </ion-header>
    
    <ion-content padding>
      <p>{{eventItem.title}}</p>
      <p>{{tasktItem.title}} - {{tasktItem.status}}</p>
      <p>{{checkListItem.title}}</p>
    
      <ion-list>
        <ion-item *ngFor="let item in checkListItem.tasks">
            {{item.title}}
        </ion-item>
      </ion-list>
    </ion-content>
    

    家ts

    import { Component } from '@angular/core';
    import { CommonModule } from '@angular/common';  
    import { NavController } from 'ionic-angular';
    import { Event, Task, Checklist } from '../../app/shared/event';
    import { Item, ItemType, Priority } from '../../app/shared/item';
    
    @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    export class HomePage {
      string:string
      array:any[]
      eventItem:Event;
      taskItem:Task;
      checkListItem:Checklist
    
      constructor(public navCtrl: NavController) {
        this.array = []
    
        this.eventItem = new Event(10, "this is a new event", new Date(), ItemType.Event)
        this.taskItem = new Task(10,  "this is a new task", new Date(), ItemType.Task)
        this.checkListItem = new Checklist(12, "this is a new checklist", new Date(), ItemType.Checklist)
    
        for (let i = 1; i <= 10 ; i++) {
           let task = new Task(i, `this is task number:${i}`, new Date(), ItemType.Task)
           this.array.push(task)
        }
    
        this.checkListItem.tasks = this.array
    
        this.eventItem.description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue leo. Duis consequat urna quis egestas porttitor. Sed in rhoncus velit. Vivamus euismod vestibulum nisi, eu ornare erat volutpat in. Quisque commodo nisi urna, non porttitor eros porttitor volutpat. Praesent malesuada ultrices enim ut interdum. Ut suscipit sed lorem ac facilisis. Aenean et sapien quis diam hendrerit rhoncus. Praesent ac blandit libero. Duis varius congue lorem sit amet pharetra. Etiam dictum leo eget tincidunt eleifend. Suspendisse volutpat justo augue, vitae pulvinar turpis cursus at."
    
        this.taskItem.description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue leo. Duis consequat urna quis egestas porttitor. Sed in rhoncus velit. Vivamus euismod vestibulum nisi, eu ornare erat volutpat in. Quisque commodo nisi urna, non porttitor eros porttitor volutpat. Praesent malesuada ultrices enim ut interdum. Ut suscipit sed lorem ac facilisis. Aenean et sapien quis diam hendrerit rhoncus. Praesent ac blandit libero. Duis varius congue lorem sit amet pharetra. Etiam dictum leo eget tincidunt eleifend. Suspendisse volutpat justo augue, vitae pulvinar turpis cursus at."
    
    
      }
    
    
    }
    

    这是我的应用程序。单元ts

    import { BrowserModule } from '@angular/platform-browser';
    import { CommonModule } from '@angular/common';  
    import { ErrorHandler, NgModule, NO_ERRORS_SCHEMA,CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
    import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
    import { SplashScreen } from '@ionic-native/splash-screen';
    import { StatusBar } from '@ionic-native/status-bar';
    
    import { MyApp } from './app.component';
    import { HomePage } from '../pages/home/home';
    
    
    @NgModule({
      declarations: [
        MyApp,
        HomePage
      ],
      imports: [
        BrowserModule,
        IonicModule.forRoot(MyApp)
      ],
      bootstrap: [IonicApp],
      entryComponents: [
        MyApp,
        HomePage
      ],
      schemas: [NO_ERRORS_SCHEMA,CUSTOM_ELEMENTS_SCHEMA],
      providers: [
        StatusBar,
        SplashScreen,
        {provide: ErrorHandler, useClass: IonicErrorHandler}
      ]
    })
    export class AppModule {}
    

    您是否认为这是一个bug,是否应该尽快修复?我不记得以前有过语法相关的错误。我真的找不到解决办法。谢谢你的帮助。

    1 回复  |  直到 7 年前
        1
  •  1
  •   August    7 年前

    尝试以下操作:

        <ion-item *ngFor="let item of checkListItem.tasks">
    

    而不是:

        <ion-item *ngFor="let item in checkListItem.tasks">
    

    对于在里面 在属性上循环 对象

    对于属于 循环结束 阵列

    从角度文档: NgForOf

    推荐文章