м, у меня есть эти радио кнопки, я делаю функцию щелчка localClick, и для первой кнопки она должна иметь 1, а вторая дать значение 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>

Теперь я хочу, чтобы мое поле ввода

Example

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

Я немного погуглил и добавил эту вещь: disabled = exampleFlag, и теперь в файле ts я установил его в true или false, в зависимости от того, какая кнопка радио была нажата, поэтому я делаю

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

в основном, что я здесь делаю, так это то, что если щелкнуть первую радиокнопку, установить для нее значение true (так, чтобы окно отключилось), но в противном случае его следует включить, если не выбраны никакие кнопки или выбрана вторая радиокнопка.

Я новичок в этом, но я немного погуглил и пришел к подобным решениям, однако для меня коробка всегда остается отключенной независимо от того, что я делаю.

Я думаю, что ошибка, которую я совершаю, заключается в том, как (щелчок) определяется в html-файле и, возможно, также в ts-файле, но я не уверен.