未在 Prime 中选中复选框

Question

我有一个对象数组 testTypeMasterData，为每个对象创建复选框。我无法预选复选框。但如果它在 HTML.

中显示值

<div class="row" 
  *ngFor="let testType of testTypeMasterData">
    <div class="col col-md-8" *ngIf="testType.flgStdtest">
        <div class="form-group">
           <div class="col-md-8">
             <p-checkbox 
              name="testTypes" 
              value="{{testType.id}}" 
              label="{{l(testType.testType)}}" 
              [(ngModel)]="selectedtestTypes" 
              (onChange)="testTypeChanged($event)">
             </p-checkbox>
           </div>
        </div>
      </div>
   </div>
   Selected Categories: 
   <span *ngFor="let cat of selectedtestTypes" style="margin-
   right:10px">
      {{cat}} 
   </span>
</div>

 @Input() testTypeMasterData: testTypeDetailsDTO[];


ngOnInit(): void {
    this.selectedTenderTypes = [25];

test12 值为 25。我在父组件中设置 testTypeMasterData。

ngOnInit(): void {
    this._commonService.getTestTypeMasterData().subscribe((result) => {
        this.testTypeMasterData = result;
    });

Answer 1

我重现了您的示例，但实际上它不起作用...但如果您只更改此：this.selectedTenderTypes = ['25'];，它应该可以正常工作。

primeng 文档指出 value 属性可以是 any 类型，但它可能会将其转换为 string。我想这就是进行上述修改的原因...

未在 Prime 中选中复选框

Checbox not checked in Prime

angular

primeng