AngularJS无法使用MVC部分视图

我有一个奇怪的问题。 我在我的项目中使用AngularJS。 我有一些部分视图，我有不同的AngularJSfunction实现。 我通过Ajax调用加载所有部分视图。 Ajax调用确实加载了容器中的局部视图，但其AngularJSfunction不起作用。 我注意到当我通过CDN引用AngularJS然后它可以工作，但是当我将CDN JS复制并粘贴到我的本地js文件中时，它却没有。

请说明问题所在。

这是代码：

部分视图：

 
 ID: 
 Name:  Add Employee Remove Employee 
 
 Employee id is: {{employee.id}}
 Employee name is: {{employee.name}} 
 
 
 
   var employees = [{ name: 'ABC', id: '1' }, { name: 'XYZ', id: '2' }, { name: 'KKK', id: '3' }]; function EmployeeController($scope) { $scope.employees = employees; $scope.addEmployee = function () { $scope.employees.push({ name: $scope.employeeName, id: $scope.employeeID }); } $scope.removeEmployee = function () { $scope.employees.pop(); } }  

控制器：

 public PartialViewResult LoadViews(int id) { if (id == 1) return PartialView("TestView1Partial"); else return PartialView("TestView2Partial"); } 

主要观点：

 
 
 View 2 
 
 
 

  function LoadView2() { $.ajax({ url: "/home/LoadViews?id=2", type: "GET", datatype: "html", async:true, success: function (result) { $("#dvContainer").html(result); } }); }  

谢谢，JSHunjan

Answer 1

在您的Ajax调用中更改async:false ，它可能会起作用。