AngularJS NG-视图不工作

所以我遵循这个指南：http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example/AngularJS NG-视图不工作

但是当我尝试改变视图没有任何反应，任何一个知道我做错了什么？

这是我得到的代码。 Home.php：

<!DOCTYPE html> 
<html ng-app="lax"> 
<head> 
    <meta name="author" content="Koen Desmedt" /> 
    <meta name="description" content="CMS Belgium Lacrosse" /> 
    <meta name="keywords" content='Lacrosse, BLF, Belgium' /> 
    <meta name="googlebot" content="noarchive" /> 
    <link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">   
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script> 
    <script src="lax.js"></script> 
    <link href="css/style.css" rel="stylesheet">   
    <title>CMS Belgium Lacrosse</title> 
</head> 
<body>   
    <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button>      
      </div> 
      <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> 
       <ul class="nav navbar-nav navbar-left"> 
        <li> 
         <a href="#/home"> 
          <span class="glyphicon glyphicon-home"></span> BLF 
         </a> 
        </li> 
        <li> 
         <a href="#/players">Players</a> 
        </li> 
        <li> 
         <a href="#/club">Club</a>        
        </li> 
        <li> 
         <a href="#/games">Games</a> 
        </li>       
       </ul>    
      </nav> 
     </div> 
    </header> 
    <div id='contentcontainer'> 
     <div class='container' ng-view></div> 
    </div>   
</body> 
</html>

lax.js：

var lax = angular.module('lax', []); 

lax.config(['$routeProvider', 
function($routeProvider) { 
    $routeProvider. 
      when('/home', { 
       templateUrl: 'views/news.php', 
       controller: 'NewsController' 
      }). 
      when('/players', { 
       templateUrl: 'views/players.php', 
       controller: 'PlayersController' 
      }). 
      otherwise({ 
       redirectTo: '/home' 
      }); 
}]); 

lax.controller('NewsController', function($scope) { 
$scope.message = 'This is Add new order screen'; 
}); 


lax.controller('PlayersController', function($scope) { 
$scope.message = 'This is Show orders screen'; 
});

来源

2014-01-07 B13ZT

从角1.2.0，ngRoute已被移动到其自身的模块。您必须单独加载它并声明依赖关系。

更新HTML：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>

和JS：

var lax = angular.module('lax', ['ngRoute']);

欲了解更多信息：http://docs.angularjs.org/guide/migration

来源

2014-01-07 14:32:57

真棒，作品像一个魅力 – B13ZT

角路线需要被包括在内的route模块。 Here is the documentation涵盖了这一点。

所以，我认为你可能会错过：

<script src="angular-route.js"></script>

在页面的<head>。

*注意：此模块曾经是Angular的一部分，但最近被移出（1.2？）。所以，一些教程仍然假定$route是内置的。

来源

2014-01-07 14:32:57

不要忘记关闭''标签！最近把我抓出来了。 –

-1

加入这会工作：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js"></script>

，但它不会不上网工作的第一次运行的时候，因此，你应该NG-路径依赖到项目，并指在HTML文件中

How to add ng-route dependency

来源

2017-05-18 17:47:04 Ashif

请提供一个解决方案，将代码插入到帖子中，或者只是在问题下面发表评论。谢谢。 –

AngularJS NG-视图不工作

回答

相关问题