带有参数的Angular 2表单更改事件

用户8445747

下面是用于将文件添加为表单数据的 HTML。我想删除添加按钮并在更改 $event 期间传递值 (ticket.id),这将触发组件写入文件。

这能做到吗?

<tr *ngFor='let ticket of tickets'>
  <td>
    <form [formGroup]="form" (ngSubmit)="onSubmit()">
      <div class="form-group">
        <input 
           type="file" 
           class="custom-file-input" 
           id="avatar" (change)="onFileChange($event)" #avatar>
      </div>
      <button 
           type="button" 
           (click)="onSubmit(ticket.id)" 
           [disabled]="form.invalid || loading" 
           class="btn btn-success">
           Add File<i class="fa fa-spinner fa-spin fa-fw" *ngIf="loading"></i>
      </button>
    </form>
  </td>
</tr>
阿杰梅拉

我很确定,您应该能够像这样ticket.id将第二个参数传递给change事件:

<tr *ngFor='let ticket of tickets'>
  <td>
    <form [formGroup]="form" (ngSubmit)="onSubmit()">
      <div class="form-group">
        <input 
           type="file" 
           class="custom-file-input" 
           id="avatar" 
           (change)="onFileChange($event, ticket.id)" 
           #avatar>
      </div>
    </form>
  </td>
</tr>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

带有参数的Angular2 DynamicComponentLoader

来自分类Dev

带有参数的Angular 2自定义验证器

来自分类Dev

带有参数的Angular 2粘贴URL不起作用

来自分类Dev

Angular2中带有可选参数的依赖注入

来自分类Dev

带有参数的Angular2辅助路线

来自分类Dev

带有Angular的POST 2 Guid参数到API

来自分类Dev

带有附加 url 的 angular2 路由参数

来自分类Dev

带有参数的 Angular 2 路由充当通配符路由

来自分类Dev

带有ngmodel的Angular 2动态表单示例导致“检查后表达式已更改”

来自分类Dev

如何引发带有参数的事件?

来自分类Dev

Angular2路由器可以激活,带有参数吗?

来自分类Dev

Angular2-带有参数的路由器导航(RC.4)

来自分类Dev

Angular 2+中带有参数的单元测试指令

来自分类Dev

Angular2 http获取带有Observables和动态url参数的请求。如何?

来自分类Dev

Angular2路由配置(带有两个参数的路由)

来自分类Dev

带有路由参数的 angular 2 routerLink 仅用作字符串

来自分类Dev

从带有参数的事件中调用无参数动作

来自分类Dev

带有* ngFor的Angular2奇怪的表单行为

来自分类Dev

Angular 2 - 更改嵌套表单输入值

来自分类Dev

带有Angular 2的Django

来自分类Dev

带有 Materialise 的 Angular 2

来自分类Dev

了解Angular2更改事件

来自分类Dev

调用带有onChange事件的表单提交

来自分类Dev

带有 2 个参数的 parSapply

来自分类Dev

带有 2 个参数的 RTRIM

来自分类Dev

带有innerHTML的Angular 7 Reactive表单

来自分类Dev

带有模板的Angular 2 @View与带有模板的@Component

来自分类Dev

提交带有其他参数的表单(post,NOT ajax)

来自分类Dev

带有参数的表单标签转换键

Related 相关文章

热门标签

归档