Angular JS和动态路由问题

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（'homeApp'，[]）;

如果您在firefox中运行此程序，则可能会解决您的问题。 谢谢

Angular JS和动态路由问题

问题描述

1 个解决方案

解决方案1
0 2014-12-12 10:28:52

Angular JS和动态路由问题

问题描述

1 个解决方案

解决方案1 0 2014-12-12 10:28:52

解决方案1
0 2014-12-12 10:28:52