Desativando o campo de entrada com base no botão de opção no Angular 2

Digamos que eu tenho esses botões de opção, faço uma função de clique localClick e, para o primeiro botão, ele deve ter 1 e o segundo 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>

agora eu quero meu campo de entrada

Example

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

Eu pesquisei um pouco e adicionei essa coisa, disabled = exampleFlag e agora no arquivo ts eu o defino como true ou false com base em qual botão de rádio foi clicado, então eu faço

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

basicamente, o que estou fazendo aqui é que, se o primeiro botão de opção for clicado, defina-o como true (para que a caixa seja desativada); caso contrário, deve ser ativado se nenhum botão estiver selecionado ou se o segundo botão de opção estiver selecionado.

Eu sou novo nisso, mas pesquisei um pouco e cheguei a soluções como essa, no entanto, para mim, a caixa sempre permanece desativada, não importa o que eu faça.

Eu acho que o erro que estou cometendo é a maneira como a coisa (clique) está sendo definida no arquivo html e talvez no arquivo ts também, mas não tenho certeza.

questionAnswers(1)

yourAnswerToTheQuestion