当前位置: 首页 > 知识库问答 >
问题:

ngFor中的角6 ngModel不起作用

谢选
2023-03-14

在ngFor循环中使用ngModel有一个问题。我在做电子商务应用程序,我想用数量来获得输入的价值,但每个ngModel都有相同的名称,所以它一直更新所有的输入,像这样:Img和下面是我的页面代码:

<div class="grid-container"> <!--  items  -->
    <div *ngFor="let item of items;" class="grid-item" >
      <img class="itemAv" src="{{item.imgUrl}}" width="100px" height="100px">
      <p>{{item.name}}</p>
      <p>${{item.price}}</p>
      <p>{{item.description}}</p>
      <div class="buy">
       <input class="quants" name="quants" type="number" min="0" max="100" [(ngModel)]="quants" placeholder = "1">
       <button class="buy" (click)="addToCart( item.name, item.price, quants , item.imgUrl )">buy</button>
      </div>
    </div>

共有1个答案

长孙作人
2023-03-14

向对象数组添加另一个属性,然后分配ngmodel

 <input class="quants" name="quants" type="number" min="0" max="100" [(ngModel)]="item.quants" placeholder = "1">
 类似资料:
  • 问题内容: 我有一个与此问题类似但又不同的问题。 在这里,我试图为处理程序添加事件侦听器。 在没有被角的认可。 另一个问题是我应该调用作用域,但是对我来说唯一可用的作用域是调用它似乎不起作用。 对答案的评论表明,可以使用 但这给了我,这是行不通的。 如何获得角度来重新确定更改?是否有更好的方式注册回调,以便可以更改路径? 问题答案: 您应该在类似方法中将表达式作为函数运行 请参阅文档-ng。$ro

  • nav.component.ts app.module.ts app.component.ts

  • 首先,ngfor中的标签没有要关联的标识,也没有要查找的任何其他标识。然而,我没有发现任何需要id的东西,在剑道页面上有许多例子显示了没有id的复选框的例子,所以我不认为这是问题(但肯定可能是错误的)。 其次,它们在ngFor循环中。我不知道为什么这会把它搞砸,但这是我能想到的一切。我搜索了一下,但找不到任何关于这里的问题或如何解决它的东西。 你知道我哪里出了问题或者我没有看到什么吗?我确实记录了

  • 我试着用angular-6中的angular材质 我的材料。单元ts是这样的 它正在给出错误 请帮帮我

  • 问题内容: 我想右上角,但仅适用于左上角 问题答案: 问题在于您需要在为当前设备调整视图大小之前获取视图的边界。它比以后在屏幕上出现时要大,因此,圆角矩形的右侧不在屏幕的右侧。 在调整视图大小之后,您需要稍后创建和设置,这意味着在运行循环的布局阶段期间或之后。因此,要么继承视图的子类并在视图的方法中进行操作,要么在视图控制器的方法中进行操作。

  • 在代码中使用XSLT 2.0的字符映射功能时,我遇到了以下错误。 名称空间中的元素“样式表”http://www.w3.org/1999/XSL/Transform'命名空间中的子元素'character map'无效'http://www.w3.org/1999/XSL/Transform“是的 这是我的XSLT声明 请提供有关如何在XSLT中使用字符映射的帮助。