角度JS和动态路由问题

Angular JS and Dynamic Routing Issues

本文关键字：路由 问题 动态 JS 角度      更新时间：2023-09-26

我正在尝试使用 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) {
});

但是当我单击导航按钮时没有任何加载

你能知道你正在使用哪个浏览器吗？此问题可能会出现在 Chrome 中。您的代码可能看起来不错。

从下一行中删除 ngRoute。var homeApp = angular.module（'homeApp'， []）;

如果你在火狐中运行它，那么你的问题可能会得到解决。谢谢

相关文章：