should it be <button (click)="editfunction()"> ? Look like a space is missing.
On Thu, Jan 23, 2020 at 4:02 AM raju bhai <[email protected]> wrote: > My project angular version: > > Angular CLI: 9.0.0-rc.7 > > I m working with grid and I want to edit a record. and call a function > when press the button but console.log is not display? > > > partymastercomponent.ts > > > import { Component, OnInit } from '@angular/core';import { BackendService } > from '../backend.service'; > @Component({ > selector: 'app-partymaster', > templateUrl: './partymaster.component.html', > styleUrls: ['./partymaster.component.css']})export class > PartymasterComponent implements OnInit { > > PartyMstId: any; > PartyCode: any; > PartyName: any; > > partylist: any; > > constructor(public myservice: BackendService) { } > > columnDefs = [ > { > headerName: "Edit", > field: "icon", > width: 100, > //id: this.PartyMstId, > cellRenderer: function (params) > { > return '<button (click)="editfunction()"><i class="fa > fa-edit"></i></button>' > } > }, > { headerName: 'PartyMstId', field: 'PartyMstId', sortable: true, > filter: true/*, checkboxSelection: true*/ }, > { headerName: 'PartyCode', field: 'PartyCode', sortable: true, filter: > true }, > { headerName: 'PartyName', field: 'PartyName', sortable: true, filter: > true }, > > ]; > > editfunction() { > console.log("call this edit function"); > }} > > partymastercomponent.html > > > <ag-grid-angular style="width: 1000px; height: 500px;" > class="ag-theme-balham" > [rowData]="partylist" > rowSelection="multiple" > [columnDefs]="columnDefs"></ag-grid-angular> > > how to call a function on edit button click?? > > icon as well as button is not working?? > > when I press right click on browser then > > <span><button(click)="editfunction()"><i class="fa fa-edit" > ></li></button></span> browser > > > help?? > > -- > You received this message because you are subscribed to the Google Groups > "Angular and AngularJS discussion" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/angular/fb8eb336-283a-4ed3-adce-9994373a3248%40googlegroups.com > <https://groups.google.com/d/msgid/angular/fb8eb336-283a-4ed3-adce-9994373a3248%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- Castor Technologies Inc 460 rue St-Catherine St Ouest, Suite 613 Montréal, Québec H3B-1A7 (514) 360-7208 o (514) 798-2044 f [email protected] www.castortech.com CONFIDENTIALITY NOTICE: The information contained in this e-mail is confidential and may be proprietary information intended only for the use of the individual or entity to whom it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any viewing, dissemination, distribution, disclosure, copy or use of the information contained in this e-mail message is strictly prohibited. If you have received and/or are viewing this e-mail in error, please immediately notify the sender by reply e-mail, and delete it from your system without reading, forwarding, copying or saving in any manner. Thank you. AVIS DE CONFIDENTIALITE: L’information contenue dans ce message est confidentiel, peut être protégé par le secret professionnel et est réservé à l'usage exclusif du destinataire. Toute autre personne est par les présentes avisée qu'il lui est strictement interdit de diffuser, distribuer ou reproduire ce message. Si vous avez reçu cette communication par erreur, veuillez la détruire immédiatement et en aviser l'expéditeur. Merci. -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CAJVRZt-PBvFv5YDhaUzHd8_upn4CWgEu_4s7g822Wz7r8866WQ%40mail.gmail.com.
