Ausgabe, wie jQuery in Winkel 2 Projekt

Question

Hallo hinzufügen ich einig jQuery-Code in meine Winkeln 2 projet hinzufügen möge dynamisch Eingabetextfeld hinzuzufügen, seine Arbeit, aber die removeTextField tut ausführen, wenn ich darauf klicke heren dem Code:

addTextField(){ 
var newTextBoxDiv = $(document.createElement('div')) 
    .attr("id", 'TextBoxDiv' + this.counter); 

newTextBoxDiv.after().html('<label>Textbox #'+ this.counter + ' : </label>' + 
     '<input type="text" name="textbox' + this.counter + 
     '" id="textbox' + this.counter + '" value="" >'+'<span (click)="removeTextField(this.counter)" class="glyphicon glyphicon-remove pull-right" style="z-index:33;cursor: pointer"> </span>'); 
newTextBoxDiv.appendTo("#TextBoxesGroup"); 
this.counter++; 

} 

removeTextField(currentTextField){ 
    alert(currentTextField); 
} 

irgendwelche Vorschläge, bitte !!!

Answer 1

Versuchen Sie, wie dies

Zum Beispiel, wenn Ihr Eingabetextfeld wie

<input type="text" class="my-input-field"> 

In Ihrem Controller

$(document).click("on", ".my-input-field",()=>{ 
    //capture the currentTextField using jquery 
    this.removeTextField(currentTextField); 
}) 

    removeTextField(currentTextField){ 

} 

Beispiel Es ist eine Datentabelle in Winkel 2 implementiert ist .. Die Schaltflächen zum Aktualisieren und Löschen werden im laufenden Betrieb gerendert.

HTML

<table class="datatable table table-striped table-bordered" (click)="onTableClick($event)"></table> 

-Controller

onTableClick(event){ 

    if(event.target.className.indexOf('update-row')!= -1){ //will get the class name and check if matches update button class 
    this.updateRow($(event.target).attr("data-id")) 
    } 
    if(event.target.className.indexOf('delete-row')!= -1){ //will get the class name and check if matches delete button class 
    this.deleteRow($(event.target).attr("data-id")) 
    } 
    }