Javascript JQuery Ajax加载了页面，但angular在Sails项目的部分页面中不起作用

我使用ajax动态加载Sails项目视图/homepage.ejs中的部分页面。 控制器是食物，show是食物的一个动作，所以我有一个文件/views/food/show.ejs

$('#outerDiv').load('food/show');

show.ejs的内容如下：

<script>
  var app = angular.module("myApp",[]);
  app.controller("myCtrl",function (){
    this.numInStock= 10;
  })
</script>
<div ng-app="myApp" ng-controller="myCtrl">
<p>The number in stock is: {{numInStock}}</p>
</div>

但是加载页面中的角度仍然无法工作。

---

我不确定这是否是实现此功能的正确方法。还有其他一些东西，比如自定义指令，我应该使用它吗？

您可以控制台.log$compile吗？可能是因为您没有注入此服务而未定义。您正在尝试嵌套angular应用程序吗？