当ng-include成功时，jQuery .load（）失败

Question

当我使用ng-include包含html文档时，我的文件正确加载。

<div ng-include="'calendar.html'"></div>

但是因为通过我的角度控制器传递给该文档的数据，我需要在按下按钮时再次加载该文件。

我尝试使用jQuery的.load()函数来加载页面

function test(){
  $( "#calendar" ).load( "templates/calendar.html" );
}

这会加载页面，但角度元素无法正确加载，您可以在我拍摄的开发工具屏幕截图中看到。

这应该只是弹出主页面的元素，因此我不想使用ui-view和路由选项。

有谁知道我能做什么？

Answer 1

<强> HTML：

<div ng-include src="CalenderUrl"></div>

<强>控制器：

$scope.CalenderUrl="calendar.html"; //写下您的实际路径

如果您想通过任何按钮点击重新加载calendar.html。然后像函数一样写

$scope.reload = function() {
  $scope.CalenderUrl = null;
  $timeout(function() {
    $scope.CalenderUrl = "calendar.html";
  }, 0);
}