可以通过以下步骤实现:
<p-radioButton name="radioGroup" value="option1" id="option1"></p-radioButton>
<p-radioButton name="radioGroup" value="option2" id="option2"></p-radioButton>
<p-radioButton name="radioGroup" value="option3" id="option3"></p-radioButton>
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
onChange(event) {
// 在这里处理单选按钮的更改事件
// 防止onclick事件的触发
event.stopPropagation();
}
}
<p-radioButton name="radioGroup" value="option1" id="option1" (change)="onChange($event)"></p-radioButton>
<p-radioButton name="radioGroup" value="option2" id="option2" (change)="onChange($event)"></p-radioButton>
<p-radioButton name="radioGroup" value="option3" id="option3" (change)="onChange($event)"></p-radioButton>
通过以上步骤,当更改primeng的单选按钮时,onclick事件将被阻止触发,而只会触发change事件,从而实现了防止onclick事件的效果。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云