javascript - 强制 ng-include 重新渲染

Question

如果 $scope 变量发生变化，我试图让 ng-include 重新渲染。示例。

<div ng-include src="'assets/courses/templates/editModules/'+currentEditExercise.editTemplate"></div>

我的问题是，如果 currentExercise.editTemplate 发生变化但它具有相同的模板文件。它不会重新渲染，因此不会触发 Controller 来更新 currentExercise 模型。

在 Controller 上:

$scope.currentEditExercise = param.exercise;

在 ng-include 模板上:我为该模板调用了一个子 Controller 。

$scope.exercise = $scope.$parent.currentEditExercise;

Answer 1

这是因为 ng-include 源被缓存了。
可以通过向模板 url 添加随机查询字符串来防止这种缓存:

替换:

$scope.currentEditExercise = param.exercise;

与:

$scope.currentEditExercise = param.exercise + '?r=' + Math.random();

因此，无论何时更改 currentEditExercise，完整的 url 都会更改，即使 param.exercise 没有更改也是如此。