Uncaught ReferenceError: is not defined - InnerHTML

Question

Angular looks for code in the component's typescript file, so I think you'd need to put the code there. You can create a service to get the code from the backend, then call the service from your typescript file and use a (click) event to call the typescript code.

score 0 · Answer 1 · answered Oct 24 '18 at 13:59

0

Angular looks for code in the component's typescript file, so I think you'd need to put the code there. You can create a service to get the code from the backend, then call the service from your typescript file and use a (click) event to call the typescript code.

answered Oct 24 '18 at 13:59

megabc123

200
1
5

I'm not using `ngClick` but simple JavaScript `onclick` so it shouldn't be Angular handling the clicks here. – naman1901 Oct 24 '18 at 14:00
try this? https://stackoverflow.com/questions/42530261/javascript-button-onclick-not-working – megabc123 Oct 24 '18 at 16:09
cannot do that because the IDs are dynamic and multiple places use the same function – naman1901 Oct 25 '18 at 08:26

score 0 · Answer 2 · answered Oct 24 '18 at 13:59

0

You need to change your code like this:

<a (click)="ToggleDisplayMode()"><u>show/hide</u></a>

Notice that instead of onclick, you have to use (click)

answered Oct 24 '18 at 13:59

Pankaj Shukla

2,657
2
11
18

That is an Angular solution - changes at that level will not be possible as this HTML is returned by an SDK and the same response is used in other, non-Angular interfaces – naman1901 Oct 24 '18 at 14:02

score 0 · Answer 3 · answered Aug 06 '20 at 07:06

Angular version 9.1.9 typescript 3.8.3

You can add a js file under assets folder

src/assets/js/child2.js

function javaChangeCreatedBy() {
    alert('Set 2 clicked');

    var i_createdby = document.getElementById('inputcreatedbyid')
    var i_value = document.getElementById('inputcreatedbyid').value;
}

Following html code shows the both approach one for angular click and one for html onclick.

src/app/first-component/first-component.component.html

<p>
    Enter Created by:<input id='inputcreatedbyid' type="text" placeholder="Enter name" [(ngModel)]=inputcreatedby>
    &nbsp;
    <button type="button" (click)="ChangeCreatedBy(inputcreatedby)">Set</button> 
    &nbsp;
    <button type="button" onclick="javaChangeCreatedBy()">Set 2</button>
</p>

src/app/first-component/first-component.component.ts

 export class FirstComponentComponent implements OnInit {
      ..
      createdby = 'My name';
      inputcreatedby='';

      ChangeCreatedBy(inputcreatedby:string){
           // var inputvalue = document.getElementById("inputcreatedby").value;
           this.createdby = inputcreatedby;
      }
 }

And finally add the script file into angular.json file

 {
    "projects": {
       "architect": {
           "build": {
              ..
              "options": {
                 ..
                 "scripts": [
                    "src/assets/js/child2.js"
                 ]
              }

However angular doesn't support passing type script parameter to java function.

3 Answers3