Question

我正在尝试创建一个简单的List。这允许您添加项目并删除它们。当我尝试通过终端运行离子项目时，项目运行，但不会给我任何错误。网页中没有显示任何内容。当我检查页面时，它给出了5个围绕承诺拒绝的错误。错误显示为：

angular2-polyfills.js:528 Unhandled Promise rejection: Template parse errors:
Parser Error: Unexpected token ; at column 27 in [ngFor let todo of todoList; let i=index] in HomePage@14:22 ("

<ion-item-sliding [ERROR ->]*ngFor="let todo of todoList; let i=index">
  <ion-item>
    <h2>{{  todo  }}</h2>
"): HomePage@14:22 ; Zone: angular ; Task: Promise.then ; Value:

我创建了两个页面;家和添加页面。这是home.html：

<ion-header>
<ion-navbar>
<ion-title>To Do List</ion-title>

  <ion-buttons end>
    <button (click)="add()"><ion-icon name="add"></ion-icon></button>
  </ion-buttons>

</ion-navbar>
</ion-header>

<ion-content class="todos"> 
<ion-list>

<ion-item-sliding *ngFor="let todo of todoList; let i=index">
  <ion-item>
    <h2>{{  todo  }}</h2>
  </ion-item>

  <ion-item-options>
    <button danger (click)="delete(i)">
      <ion-icon name="trash"></ion-icon>
      Delete
    </button>
  </ion-item-options>
</ion-item-sliding>

这是home.ts：

import {Page, NavController} from 'ionic-angular';
import {AddPage} from '../add/add';


@Page({
templateUrl: 'build/pages/home/home.html'
})
export class HomePage {

public todoList: Array<string>;

constructor(private nav: NavController) { }

onPageDidEnter() {
 this.todoList = JSON.parse(localStorage.getItem("todos"));
 if(!this.todoList){
   this.todoList = [];
 }
}

delete(index: number) {
 this.todoList.splice(index, 1);
 localStorage.setItem("todos", JSON.stringify(this.todoList));
}

add() {
  this.nav.push(AddPage);
}


}

add.html：

<ion-header>
<ion-navbar>
    <ion-title>Add Item</ion-title>
    <ion-buttons end>
        <button (click)="save()"><ion-icon name="checkmark"></ion-icon>          </button>
    </ion-buttons>
</ion-navbar>
</ion-header>

<ion-content class="add">
<ion-list>
    <ion-item>
        <ion-label floating>Todo Item</ion-label>
        <ion-input type="text" [(ngModel)]="todoItem"></ion-input>
    </ion-item>
    </ion-list>  
</ion-content>

add.ts：

import {Page, NavController} from 'ionic-angular';

@Page({
templateUrl: 'build/pages/add/add.html',
})
export class AddPage {

public todoList: Array<string>;
public todoItem: string;


constructor(public nav: NavController) {
this.todoList=JSON.parse(localStorage.getItem("todos"));
if(!this.todoList) {
    this.todoList=[];
}
this.todoItem=" ";
}

save() {
if(this.todoItem != "") {
    this.todoList.push(this.todoItem);
    localStorage.setItem("todos", JSON.stringify(this.todoList));
    this.nav.pop();
}
}


}

对我有什么建议吗？我是Ionic 2的新手感谢

离子2列表，承诺拒绝错误

0 个答案: