时间戳

首页 > 解决方案 > 如何在表单中触发没有按钮标签的ngSubmit？

javascript - 如何在表单中触发没有按钮标签的ngSubmit？

问题描述

我想将用户评分（满分 5 分）发布到 API，但是当我使用锚标记时未触发 onSubmit 函数。我能做些什么来触发它，就像在 button 的情况下一样？

https://i.stack.imgur.com/PUqDx.png

<form #f="ngForm" novalidate (ngSubmit)="onSubmit()">
    <div class="success-banner__right">
   <div class="rating-scale success-banner__ratingBox" name="courseExperience" 
  ngDefaultControl [(ngModel)]="courseExperience" required #courseExperienceControl="ngModel">
   <h3 class="montserrat-semibold font-16 mg-b20">Rate your Experience</h3>
<a href="javascript:void(0)" (click)="courseExperience=1" [class.rating- 
scale__active]="courseExperience>0"><i class="icon-favorite-star"></i></a>
     <a href="javascript:void(0)" (click)="courseExperience=2" [class.rating- 
scale__active]="courseExperience>1"><i class="icon-favorite-star"></i></a>
   <a href="javascript:void(0)" (click)="courseExperience=3" [class.rating- 
 scale__active]="courseExperience>2"><i class="icon-favorite-star"></i></a>
 <a href="javascript:void(0)" (click)="courseExperience=4"[class.rating- 
 scale__active]="courseExperience>3"><i class="icon-favorite-star"></i></a>
  <a href="javascript:void(0)" (click)="courseExperience=5" [class.rating- 
  scale__active]="courseExperience>4"><i class="icon-favorite-star"></i></a>
 </div>
   </div>
 </form>

标签： javascriptangular

解决方案

尝试而不是(click)="courseExperience=1", to (click)="onSubmit(ourseExperience=1)". 确保您更改 onSubmit() 方法以接收您的“ourseExperience=1”

推荐阅读