Primeng радио-кнопка, как изменить проверено - PullRequest
0 голосов
/ 11 июля 2019

Я использую переключатели PrimeNg. По умолчанию это не проверено. Я хочу иметь возможность программно использовать JavaScript или машинописный текст для проверки переключателя.

Я попробовал следующее, но это не работает.

<p-radioButton inputId="taken" id="taken" name="groupname" value="true"  class="col-sm-3 pl-3"  [(ngModel)]="modalTaken"></p-radioButton>

document.getElementById("taken").checked=true;

Я ожидаю, что смогу изменить переключатель, чтобы проверить. Как это работает в обычном радио-кнопку (не primeng радио-кнопка).

1 Ответ

1 голос
/ 12 июля 2019

HTML:

<p-radioButton inputId="taken" id="taken" name="groupname" value="true" label='true' class="col-sm-3 pl-3"  [(ngModel)]="modalTaken"></p-radioButton>

TS:

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  modalTaken = 'true';
}

ваш modalTaken должен соответствовать значению вашего переключателя,Если у вас есть переключатель со значением value='dog', ваш modalTaken='dog' должен выглядеть следующим образом.

...