I’m looking for a way to prevent users from executing JavaScript commands in the browser console, specifically in an Angular 16 application. For instance, I want to block actions like setting values or retrieving elements using code similar to:

document.getElementById('search').value = 'hello';
var searchTerm = document.getElementById('search').value;
alert(searchTerm);

However, despite my research, I haven’t been able to find a solution tailored to Angular 16.

I tried to manipulate the input data, but its not worth it

ngAfterViewInit() {
    // Redefine the input value property to return 'undefined' when accessed directly
    const inputElement = this.searchTermInput.nativeElement;
    Object.defineProperty(inputElement, 'value', {
      get: function () {
        return 'undefined';
      }
    });
  }