Javascript ajax加载内容中的角度控制器_Javascript_Jquery_Ajax_Angularjs

Javascript ajax加载内容中的角度控制器

javascript jquery ajax angularjs

Javascript ajax加载内容中的角度控制器,javascript,jquery,ajax,angularjs,Javascript,Jquery,Ajax,Angularjs,我的项目中有这些文件，我在用ajax加载它们和应用angular时遇到了一些问题，下面是一个例子：问题是sidebar.html的内容被加载，控制器被正确执行，但对于products.html来说，内容只被加载，控制器没有被执行。我在chrome下使用它，我的localhost控制台中没有任何错误我将您的plnkr的一个修改版本放在一起，以展示我如何使用Angular和Drop-out jQuery来处理这个问题，因为这里不需要它： HTML 这一切看起来非常复杂，手动引导有什么原因吗？

我的项目中有这些文件，我在用ajax加载它们和应用angular时遇到了一些问题，下面是一个例子：

问题是sidebar.html的内容被加载，控制器被正确执行，但对于products.html来说，内容只被加载，控制器没有被执行。

我在chrome下使用它，我的localhost控制台中没有任何错误

我将您的plnkr的一个修改版本放在一起，以展示我如何使用Angular和Drop-out jQuery来处理这个问题，因为这里不需要它：

HTML

这一切看起来非常复杂，手动引导有什么原因吗？检查ng include，它将为您加载sidebar.html async，并检查ngRoute（需要包括angular-route.js才能使用它）以处理单个视图的导航，如果您需要嵌套视图，请检查ui-router。我在plnkr中放置的只是我的项目的一个小版本，当我尝试应用它时，当我转到“#”/“但使用“#/products”时，应用程序崩溃，就像在某个地方有一个无限循环一样。它可以正确地检查products.html和categories.html文件，确保它们没有加载脚本，如果你能在plunker中显示这个问题，我可以帮助你进一步调试。非常感谢我在home.html中遇到了一个问题，那里有另一个ng视图，我错把它忘在那里了

<!DOCTYPE html>
<html>

  <head>
    <title></title>
    <script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.14/angular.js" data-semver="1.2.14"></script>
    <script data-require="angular.js@1.2.x" src="http://code.angularjs.org/1.2.14/angular-route.js" data-semver="1.2.14"></script>
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript" src="category.js"></script>
    <script type="text/javascript" src="products.js"></script>
  </head>

  <body ng-app="myApp">
    <div ng-include="'sidebar.html'"></div>
    <div ng-view></div>
  </body>

</html>

// Code goes here
var app = angular.module("myApp" , ["ngRoute"]);

app.config(function($routeProvider){
  $routeProvider
    .when("/products/:prodId",{templateUrl:"products.html"})
    .when("/products",{templateUrl:"products.html"})
    .when("/", {templateUrl:"home.html"})
    .otherwise({redirectTo:"/"});
  })