Question

我正在尝试使用Django + AngularJS构建一个基本的动态网站，但我不能为我的生活似乎让动态路由工作。我的HTML是，

<html data-ng-app="homeApp">  
<body data-ng-app="homeController">   
<div class="navbar-default sidebar" role="navigation">
    <div class="sidebar-nav navbar-collapse">
         <ul class="nav" id="side-menu">
             <li>
                <a href="#"><i class="fa fa-dashboard fa-fw"></i> Home</a>
             </li>
             <li>
                <a href="#second"><i class="fa fa-bar-chart-o fa-fw"></i> second<span class="fa arrow"></span></a>
    <div id="page-wrapper">
    <div data-ng-view></div>
</div>

我的Javascript文件。

var homeApp = angular.module('homeApp', ['ngRoute']);
homeApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/', {
        templateUrl: 'home.html',
        controller: 'homeController'
    }).
      when('/second', {
        templateUrl: 'home.html',
        controller: 'testController'
      });
}]);
homeApp.controller('homeController', function($scope) {
});
homeApp.controller('testController', function($scope) {
});

但是当我点击导航按钮时，没有任何东西加载

Answer 1

您能说出您使用的是哪种浏览器吗？ Chrome中可能会出现此问题。您的代码可能看起来不错。

从以下行中删除ngRoute。 var homeApp = angular.module（＆＃39; homeApp＆＃39;，[]）;

如果你在firefox中运行它，那么你的问题可能会解决。感谢

Angular JS和动态路由问题

1 个答案: