首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >填写所有输入字段

填写所有输入字段
EN

Stack Overflow用户
提问于 2018-09-10 21:51:18
回答 4查看 63关注 0票数 0

有一个标记:

代码语言:javascript
运行
复制
<div class="scroll">
<table class="table table-striped">
<thead>
    <tr>
        <th>Image</th>
        <th>Name</th>
        <th>Author</th>
        <th>Year</th>
        <th>ISBN</th>
        <th>Price</th>
        <th>Count</th>
    </tr>
</thead>
<tbody>
    <tr *ngFor="let book of bookService.bookList">
        <td><img src="../../{{book.ImagePath}}" width="100" height="150"></td>
        <td>{{book.Name}}</td>
        <td>{{book.Author}}</td>
        <td>{{book.Year}}</td>
        <td>{{book.ISBN}}</td>
        <td>{{book.Price}}</td>
        <td>{{book.Count}}</td>
        <td>

            <input type="text" name="Count" [(ngModel)]="Count">
            <button class="btn btn-block btn-outline-success" (click)="onAdd(book, Count)"><i class="fa fa-plus"></i></button>

        </td>
    </tr>
</tbody>

最后一列如下所示:

问题如下:当填充一个TextBox时,该列中的所有TextBoxes都被填充。

我该如何解决这个问题?尝试为文本字段提供唯一的名称,并将此单元格推入form,但都不起作用。

EN

Stack Overflow用户

发布于 2018-09-10 21:54:12

所有输入都具有相同的[(ngModel)]="Count"和名称,因此如果更新一个输入,则所有输入都将被更新

如果你有一个count的数组,你可以解决这个问题。所以它会是这样的

代码语言:javascript
运行
复制
<tr *ngFor="let book of bookService.bookList; let i = index">
...
<input type="text" [name]="'count' + i" [(ngModel)]="count[i]">
票数 2
EN
查看全部 4 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52259299

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档