Javascript 如何在角形旋转木马中自动选择单选按钮
在我的angular应用程序中,我使用的是npm hm旋转木马。我需要自动选择在中间的旋转木马像照片。 但当我滚动旋转木马时,我还需要将其中一个ID绑定到所选项目Javascript 如何在角形旋转木马中自动选择单选按钮,javascript,angular,npm,radio-button,carousel,Javascript,Angular,Npm,Radio Button,Carousel,在我的angular应用程序中,我使用的是npm hm旋转木马。我需要自动选择在中间的旋转木马像照片。 但当我滚动旋转木马时,我还需要将其中一个ID绑定到所选项目 但通过这种方式,该值不会设置为[(ngModel)]指令。我想这是因为收音机图标没有点击。但是当我使用下面的代码片段手动选择单选按钮时,[value]绑定到[(ngModel)] 谢谢大家! 正如我所知,我们不能将值绑定到单选按钮。因为单击的状态不会在单选按钮中更改。但如果您可以使用复选框,这是很好的。您可以将值绑定到复选框
但通过这种方式,该值不会设置为[(ngModel)]指令。我想这是因为收音机图标没有点击。但是当我使用下面的代码片段手动选择单选按钮时,[value]绑定到[(ngModel)]
谢谢大家! 正如我所知,我们不能将值绑定到单选按钮。因为单击的状态不会在单选按钮中更改。但如果您可以使用复选框,这是很好的。您可以将值绑定到复选框并标识状态更改
<ngx-hm-carousel [(ngModel)]="currentIndex" [show-num]="3" [infinite]="infinite" [drag-many]="true"
[aniTime]="200" [data]="selectedServiceObj.packages" class="carousel c-accent">
<section ngx-hm-carousel-container class="content">
<article class="item cursor-pointer" ngx-hm-carousel-item
*ngFor="let package of selectedServiceObj.packages; let i = index"
[ngClass]="{'visible': currentIndex===i}">
<div class="package">
<div class="well">
<div class="row header-part">
<div class="col-sm-2">
<input type="radio" name="package" [value]="package._id" [checked]="i===currentIndex" [(ngModel)]="inputSelectedPackageId" (change)="changed($event)">
</div>
</div>
</div>
</div>
</article>
<ng-template #infiniteContainer></ng-template>
</section>
<ng-template #carouselContent let-package let-i="index">
<article class="item cursor-pointer" [ngClass]="{'visible': currentIndex===i}">
</div>
</article>
</ng-template>
<ng-template #carouselPrev>
<div class="click-area">
<i class="glyphicon glyphicon-chevron-left" aria-hidden="true"></i>
</div>
</ng-template>
<ng-template #carouselNext>
<div class="click-area">
<i class="glyphicon glyphicon-chevron-right" aria-hidden="true"></i>
</div>
</ng-template>
<!-- <ng-template #carouselDot let-item>
<div class="ball bg-accent" [class.visible]="item.index === item.currentIndex"></div>
</ng-template> -->
</ngx-hm-carousel>
<input type="radio" name="package" [value]="package._id" [checked]="" [(ngModel)]="inputSelectedPackageId">