Angular如何创建调查问卷

Question

我正在尝试用Angular建立问卷。我很难理解如何将我的对象数组分成单个页面。然后实现一个按钮来显示数组中的下一个问题。

我正在尝试理解这个github项目Angular4-quiz。但我无法理解这个人如何用router-outlet实现这一点。

这是我的服务：

@Injectable()
export class AppServiceService {

  questions: Question [] = [
    {
      id: 1,
      question: 'How are you feeling?',
      answer: [
        {
          id: 1,
          text: 'Fine'
        },
        {
          id: 2,
          text: 'Decent'
        }
      ]
    },
    {
      id: 2,
      question: 'Are you alive?',
      answer: [
        {
          id: 1,
          text: 'Yes'
        },
        {
          id: 2,
          text: 'No'
        }
      ]

    }
  ];

  constructor() { }

  getQuestions() {
    return this.questions;
  }

我的 app.componen t

export class AppComponent implements OnInit {
  retrievedQuestions: Question [] = [];

  constructor(private appservice: AppServiceService) { }

  ngOnInit() {
    this.retrievedQuestions = this.appservice.getQuestions();
  }
}

然后我将数据传递给我的子组件，其中所有内容都正确显示：

<app-child-app [myquestions]="retrievedQuestions"></app-child-app>

所以现在我在一个页面上有所有问题，我希望每页有一个。我将如何实现这一目标？

感谢您的回复， Aghi