Question

我正在处理一个离子项目，但出现错误

错误是

错误TypeError：_co.toggleRecoder不是函数

我将TypeScript代码放在下面，在这里我为 功能toggleRecoder（）

编写了逻辑

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  public items = ['apple' , 'orange'];
  public todos= [];
  public reordertoggle =  false;
  ladder: any;



  constructor(public navCtrl: NavController , public _AlertController : AlertController ) {

  }


 toggleReorder(){
        this.reordertoggle = !this.reordertoggle;
        console.log(this.reordertoggle);
    }


  openTodoAlert(){
    let addTodoAlert = this._AlertController.create({
        title:"Add A todo",
        message:"Enter your todo",
        inputs:[
        {
            type:"text",
            name:"addTodoInput"
        }],
        buttons:[
        {
            text:"Cancel"
          },

          {
              text: 'add',
              handler: (addInput) => {
                  let addInputField;
                  addInputField = addInput.addTodoInput;
                  this.todos.push(addInputField);
                  console.log(this.todos[0]);
                  console.log(this.reordertoggle); 
              }
          }
        ]
    });
      addTodoAlert.present();
      console.log(this.reordertoggle); 
  }




}

这是添加列表的模板

<ion-header>
      <ion-navbar>
        <ion-title>
         TODO
        </ion-title>
    <ion-buttons end>
     <button (click)='toggleReorder()' ion-button *ngIf="!reordertoggle">
     Edit 
    </button>
     <button (click)='toggleRecoder()' ion-button *ngIf="reordertoggle">
     Done
    </button>  
      <button ion-button (click)="openTodoAlert()">
          <ion-icon name="add"></ion-icon>
        </button>

    </ion-buttons>    
      </ion-navbar>

    </ion-header>

    <ion-content padding>

      <ion-list [reorder]='reordertoggle' (ionItemReorder)="reorderItems($event)">
        <ion-item-sliding  *ngFor="let todo of todos"> 
        <ion-item> {{todo}} </ion-item>
        <ion-item-options side='right'>
          <button color='danger' ion-button>
             <ion-icon name='trash'></ion-icon>
            </button>

</ion-item-options>
         </ion-item-sliding>
      </ion-list>
    </ion-content>

当我点击按钮“添加”时，toggleRecoder（）被调用，但出现错误

离子错误：TypeError：_co.toggleRecoder不是函数

Answer 1

这是一个错字错误。组件包含“ toggleReorder”功能。您正在模板中调用“ toggleRecoder”。

Answer 2

这行看起来像是一个简单的错字

 <button (click)='toggleRecoder()' ion-button *ngIf="reordertoggle">
     Done
 </button>

但是在打字稿中，该方法的声明如下-

toggleReorder(){
        this.reordertoggle = !this.reordertoggle;
        console.log(this.reordertoggle);
    }

在打字稿文件中，您将方法名称称为toggleReorder，但在此按钮的toggleRecoder事件中使用了click。因此，它无法找到该方法。

ionic错误：TypeError：_co.toggleRecoder不是函数

2 个答案: