不能发布会onCreateConfirm和onEditConfirm

Question

我和免费模板ngx-管理员一起工作，

在这个组件"EtatAvancementComponent“中

当我点击"onCreateConfirm“和"onEditConfirm”按钮时，我想在“Ett-avancement.Component.ts”类中午餐这两个事件：

这是我的“Ett-avancement.Component.html”

<nb-card>
  <nb-card-header>
    Liste Des Etats Avancements
  </nb-card-header>

  <nb-card-body>
    <ng2-smart-table [settings]="settings" [source]="source" 
(editConfirm)="onEditConfirm($event)"      
(createConfirm)="onCreateConfirm($event)"     
(deleteConfirm)="onDeleteConfirm($event)" >
    </ng2-smart-table>
  </nb-card-body>
</nb-card>

这是我的“贪婪”，“组件”：

import { Component } from '@angular/core';
import { LocalDataSource } from 'ng2-smart-table';
import { SmartTableData } from '../../../@core/data/smart-table';
import {RestService} from '../../../rest.service';

@Component({
  selector: 'ngx-smart-table',
  templateUrl: './etat-avancement.component.html',
  styleUrls: ['./etat-avancement.component.scss'], 
})
export class EtatAvancementComponent {

  settings = {
    add: {
      addButtonContent: '<i class="nb-plus"></i>',
      createButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
      confirmAdd: true,
      createConfirm: true,
    },
    edit: {
     editButtonContent: '<i class="nb-edit"></i>',
     saveButtonContent: '<i class="nb-checkmark"></i>',
     cancelButtonContent: '<i class="nb-close"></i>',
     confirmAdd: true,
     createConfirm: true,
    },
    delete: {
      deleteButtonContent: '<i class="nb-trash"></i>',
      confirmDelete: true,
    },
    columns: {
      link: {
        title: 'ID',
        type: 'string',
      },
      nom_etat_avancement: {
        title: 'Nom D\'Etat D\'Avancement',
        type: 'string',
      },
      descri_avanacement: {
         title: 'Description Etat D\'Avancement',
        type: 'string',
      },
    },
  };

  source: LocalDataSource = new LocalDataSource();
  etat: any = [] ;

  constructor(private service: SmartTableData ,  public rest: RestService) {
      this.rest.getEtatAvancements().subscribe((data: any) => {
        data.content.forEach((key: any , val: any) => {
        this.etat.push({'link' : data['content'] 
   [val].links[val].href.slice(-1) ,
           'nom_etat_avancement' : data['content'][val].nomEtatAvancement ,
          'descri_avanacement' : data['content'][val].descriAvanacement});
      });
        // console.log(this.etat);
        this.source.load(this.etat);
    });


  }

  // Event De Window.confirm


  onDeleteConfirm(event): void {
    if (window.confirm('Are you sure you want to delete Etat Avancement Number :' + event.data.link + ' ?')) {
      //
      console.log(event.data.link);
     this.rest.deleteEtatAvancement(event.data.link);
      //
       event.confirm.resolve();
    } else {
      event.confirm.reject();
    }
  }

   onCreateConfirm(event): void {
    console.log('On Create Confirm !!!!');
    if (window.confirm('Are you sure you want to Create This Line')) {
      event.confirm.resolve();
    } else {
      event.confirm.reject();
    }
  }

  onEditConfirm(event): void {
     console.log('On Edit Confirm !!!!');
    if (window.confirm('Are you sure you want to Edit This Line')) {
       event.confirm.resolve();
    } else {
      event.confirm.reject();
    }
  }

  }

事件onDeleteConfirm(事件)正常工作，但问题是其他两个事件。

Answer 1

请将此代码添加到您的设置中。

add: {
   confirmCreate: true
},
columns:{
   ...
}
,
actions: {
  position: 'right',
  add: true,
  edit: true
}

请像这。一样设置你的设置

Answer 2

您需要在代码中添加confirmSave = true和confirmCreate = true。

检查这个：https://akveo.github.io/ng2-smart-table/#/documentation