简体   繁体   English

Angular JS和动态路由问题

[英]Angular JS and Dynamic Routing Issues

I am trying to build a basic dynamic website using Django + AngularJS but I cant for the life of me seem to get dynamic routing working. 我正在尝试使用Django + AngularJS建立一个基本的动态网站,但我一生似乎无法实现动态路由。 My HTML is, 我的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>

And my Javascript file. 还有我的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) {
});

But nothing loads when I click my navigation buttons 但是,当我单击导航按钮时,没有任何加载

Can you tell which browser you are using? 您能说出您使用的是哪种浏览器吗? This problem may occur in Chrome. 在Chrome中可能会出现此问题。 Your code might looks ok. 您的代码可能看起来还不错。

Remove ngRoute from following line. 从以下行中删除ngRoute。 var homeApp = angular.module('homeApp', []); var homeApp = angular.module('homeApp',[]);

If you run this in firefox, Then your problem might be solved. 如果您在firefox中运行此程序,则可能会解决您的问题。 Thanks 谢谢

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM