Question

我在使用JSON API和使用此代码的Angular时遇到了问题

    <div class="col-lg-12">
        <div *ngFor="let Questionnaire of struc.data; let i = index">
          <span>{{i}}.  {{Questionnaire.attributes.content.question}}</span>
        </div>
    </div>

<!--Radio button answers -->

    <div class="col-lg-2" *ngFor="let ans of Questionnaire.attributes.content.answers;let j = index">
         <label class="radio-inline"><input type="radio"  name="answ" [value]="j" >{{ans}}</label>
    </div>

因此我在角度的帮助下将我的JSON API调查加载到我的网站。现在我的问题是目前有122个问题。使用ng加载答案时，单选按钮的名称相同，因此可以为122个问题提供一个答案：

问题：

是否可以为单选按钮指定一个名称，该名称会在下一个问题开始时自动计数？

问题：

在从API加载5个问题后是否可以开始新页面，或者我是否必须将所有122个问题发布到同一页面？

希望有人知道该怎么做。谢谢！

Answer 1

我建议您创建一个用于显示问题/答案的组件，让我们说“PollComponent”，并通过服务处理服务器通信，即发布用户选择的选项等。该组件的输入将是问题ID。另一个组件将负责获取您的122个问题ID并根据所选的ID呈现“PollComponent”。

它与角度2中的TODO应用程序类似，如此处所示。 https://github.com/tastejs/todomvc/tree/master/examples/angular2

Angular 4在从JSON API加载数据时保存数据并设置新页面

1 个答案: