Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.1k views
in Technique[技术] by (71.8m points)

call a function in angular 10 from a JavaScript function that resides in the same component ts file

I have a button that opens a modal. I cannot use (click)="editAccessLevel()" as event for the button when it is using the data-toggle event.

<button class="dropdown-item" type="button"  id="accessID" data-toggle="modal" data-target="#editAdminModal" >Change Access Level</button>

I seen this example when Javascript function was defined in the html : but I have my function defined in the typescript. this example doesn't work.

 ngOnInit() 
 {
    this.resetForm();
    window['angularComponentReference'] = 
          {
            component: this, zone: this.ngZone, loadAngularFunction: () => this.editAccessLevel(),
          };
   $(document).on("click", "#accessID", function callGetAccessLevel() {
    window.angularComponentReference.zone.run(() => 
       { window.angularComponentReference.loadAngularFunction(); });
    });

}

All I need to know is how to call

 editAccessLevel()
   {
     this.showAccessLevel = true;
     alert("show access level features = " + this.showAccessLevel);
   }

from a JavaScript function in the ngOninit();

question from:https://stackoverflow.com/questions/66049794/call-a-function-in-angular-10-from-a-javascript-function-that-resides-in-the-sam

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

1.4m articles

1.4m replys

5 comments

57.0k users

...