Question

我正在使用以下代码行读取JSON对象：

  <div *ngFor= "let question of data.data>
      <span >{{question.headline}}</span>
      <span >{{question.question}}</span>
      <span >{{question.label}}</span>
      <span >{{question.question}}</span>
        <div *ngFor="let ans of question.answers">
                 <label class="radio-inline"><input type="radio"  [value]="j" >{{ans}}</label>
        </div>
  </div>

到目前为止，所有内容都显示正常，要将答案发送到我需要发送问题的API.label，是否可以将数据从.html发送到.ts文件，如果它不是来自输入字段？我怎样才能做到这一点？

我试过了：

  <button class="btn btn-lg btn-primary btn-block" (click) ="setAnswer(question.label)"  >save answer</button>

但遗憾的是，这并不起作用。

谢谢！

Answer 1

您必须将按钮放在第一个循环中才能传回正确的标签。 question与ngFor循环中的项目有关。如果您只想要一个按钮，那么您最好沿着Reactive表单的路线前进。

<div *ngFor= "let question of data.data>
      <span >{{question.headline}}</span>
      <span >{{question.question}}</span>
      <span >{{question.label}}</span>
      <span >{{question.question}}</span>
        <div *ngFor="let ans of question.answers">
                 <label class="radio-inline"><input type="radio"  [value]="j" >{{ans}}</label>
        </div>
<button class="btn btn-lg btn-primary btn-block" (click) ="setAnswer(question.label)"  >save answer</button>
  </div>

将信息从JSONObject发送到Angular组件

1 个答案: