how to set input field property read only enable and desable on click in angular 6 code example

Example: js remove readonly attribute

document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').removeAttribute('readonly');
};