[AngularJS] angular 2 --- triggering angular event of an element using a button which is dynamically added to the template using ajax JavaScript.

[K.venk Ch]

<--how can i trigger the editModal.show() using the button below -->
<a data-toggle="modal" class=".anch" id="anch" (click)="editModal.show()"><i 
class="fa fa-pencil" aria-hidden="true"></i></a> &emsp;<a data-toggle=
"modal" (click)="onSelect(state);deleteModal.show()"><i class="fa fa-trash" 
aria-hidden="true"></i></a>
<button id="bt" onclick="test()">CLICK</button>


<!--Modal-->
<div bsModal #editModal="bs-modal" class="modal fade" tabindex="-1" role=
"dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal title</h4>
<button type="button" class="close" (click)="editModal.hide()" aria-label=
"Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div *ngIf="selectedState">
<form action="" method="post" class="form-horizontal row">
<div class="form-group col-6" *ngFor="let field of modalfields">
<div class="row">
<label style="max-width: 15%;text-align: center;padding-bottom: 20px;" class
="col-4 form-control-label">{{field.label}}</label>
<div class="col-8">
<input [(ngModel)]="selectedState[field.name]" id="{{field.Id}}" name=
"{{field.name}}" class="{{field.className}}">
</div>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="editModal.hide()">
Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<-- this script is not working -->
function test ()
{
    // alert('testring');
    // $("#bt").click(function()
    // {
        alert('t');
        $("#anch").click();
        $("")
    // });
    element.find('input[type=button]').click().click()
    console.log($("#anch").html());
}




-- 
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 angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.