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

【问题标题】：ionic error : TypeError: _co.toggleRecoder is not a function离子错误：TypeError：_co.toggleRecoder 不是函数
【发布时间】：2018-11-23 01:33:01
【问题描述】：

我正在做一个离子项目，我遇到了错误

错误是

ERROR TypeError: _co.toggleRecoder 不是函数

我将 TypeScript 代码放在下面我为 function 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 不是函数

【问题讨论】：

检查我的答案，您的代码中有输入错误

标签： angular ionic-framework ionic2 ionic3

【解决方案1】：

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

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

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：