Deshabilitar el campo de entrada basado en el botón de radio en Angular 2

Digamos que tengo estos botones de radio, hago una función de clic localClick y para el primer botón debe tener 1 y el segundo da valor 2

<div class="ui-g-12"><p-radioButton name="group1" value="Local" (click)=localClick(1) label="Local"></p-radioButton></div>
<div class="ui-g-12"><p-radioButton name="group1" value="Remote" label="Remote" (click)=localClick(2) ></p-radioButton></div>

ahora quiero mi campo de entrada

Example

 <input id="pass" type="text" style="width:80%" disabled="exampleFlag" pInputText [(ngModel)]="password">

Busqué en Google un poco y agregué esto, disabled = exampleFlag y ahora en el archivo ts lo configuré como verdadero o falso en función de qué botón de radio se hizo clic, así que lo hago

exampleFlag=false; // set it to false initially so box is not disabled
localClick(x) {
if(x==1){
  this.exampleFlag=true;
}
else{
  this.exampleFlag=false;
}
}

Básicamente, lo que estoy haciendo aquí es que si se hace clic en el primer botón de radio, configúrelo como verdadero (para que el cuadro se deshabilite), pero de lo contrario, debe habilitarse si no se seleccionan botones o si se selecciona el segundo botón de radio.

Soy nuevo en esto, pero busqué en Google un poco y encontré soluciones como esta, sin embargo, para mí, la caja siempre permanece desactivada, no importa lo que haga.

Creo que el error que estoy cometiendo es la forma en que se define (hacer clic) en el archivo html y tal vez también en el archivo ts, pero no estoy seguro.

Respuestas a la pregunta(1)

Su respuesta a la pregunta