javascript - 在 AngularJS 中为列表项加载部分 *没有* 路由

Question

我正在 AngularJS 中创建一个测验。我将测验问题存储在 Controller 中的数组中，如下所示:

 $scope.questions = [
 {title: 'Challenge 1', about: 'Instructions', status: 'answered', correct_response: 42},
 {title: 'Challenge 2', about: 'Instructions', status: 'unanswered', correct_response: 42}
 ]; 

我正在使用 ng-repeat 来显示问题。但是，每个问题的回答表格会有所不同。例如，一些将使用文本输入，而另一些将是精心设​​计的谜题。

理想情况下，我希望有一个 View (部分？)加载并显示当前未回答问题的响应表单。我还需要每个部分中的代码来影响我的模型的属性。例如:

<label> Response </label> <input ng-model="response">

我的问题是，当测验问题的状态发生变化时，如何在不使用路由的情况下动态加载部分内容？

Answer 1

听起来像是 ng-include 的工作!

您包含的部分将有权访问其父范围，并且可能包含其自己的表达式。