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

Question

我正在 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">

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

Answer 1

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

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