我正在 AngularJS 中创建一个测验。我将测验问题存储在控制器中的数组中,如下所示:
$scope.questions = [
{title: 'Challenge 1', about: 'Instructions', status: 'answered', correct_response: 42},
{title: 'Challenge 2', about: 'Instructions', status: 'unanswered', correct_response: 42}
];
我ng-repeat
用来显示问题。但是,每个问题的回复形式都会有所不同。例如,有些将使用文本输入,而另一些将是复杂的谜题。
理想情况下,我希望有一个视图(部分?),可以加载并显示当前未回答问题的响应表单。我还需要每个部分中的代码来影响我的模型的属性。例如:
<label> Response </label> <input ng-model="response">
我的问题是,当测验问题的状态发生变化时,如何在不使用路由的情况下动态加载部分内容?