ng视图没有'；我的angularJS应用程序中没有显示任何内容_Angularjs_Controller_Ng View

ng视图没有'；我的angularJS应用程序中没有显示任何内容

angularjs

ng视图没有'；我的angularJS应用程序中没有显示任何内容,angularjs,controller,ng-view,Angularjs,Controller,Ng View,我是新来的。我有一个简单的angular应用程序，我试着看看angular中的路由是如何工作的。我有三个链接，我想改变我的URL，并显示在同一个单页应用程序中的每个链接的正确视图。这是我的代码： index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg

我是新来的。我有一个简单的angular应用程序，我试着看看angular中的路由是如何工作的。我有三个链接，我想改变我的URL，并显示在同一个单页应用程序中的每个链接的正确视图。这是我的代码：

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Agent Portal</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">

    <link href="css/justified-nav.css" rel="stylesheet">

  </head>

  <body ng-app="AgentApp">

    <div class="container" ng-controller="createdPackagesController">

      <div class="masthead">
        <h3 class="text-muted">Project name</h3>

        <ul class="nav nav-justified">
            <li ><a href="#/createdPackages">Created Packages</a></li>
            <li ><a href="#/reservedPackages">Reserved Packages</a></li>
            <li ><a href="#/publishedPackages">Published Packages</a></li>
        </ul>

      </div>

      <div ng-view></div>

    </div>

    <script src="js/controllers.js"></script>
    <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>

  </body>
</html>

该应用程序不显示ng view的任何内容。我应该换什么？我遵循了许多在线的例子，但不知道我遗漏了什么。 [我在这里看到了许多类似的问题，但它们有自己的具体问题（与jquery相关，浏览器问题，…）]

谢谢，

您的controller.js必须在angular之后调用

<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>
<script src="controller.js"></script>

这是一个[plunker]（）

您必须在$scope旁边的控制器中包含$route

AgentApp.controller（'createdPackagesController'，函数（$scope，$route）

对每个控制器都这样做，一切都会很好

你能在代码中添加JSFIDLE或plunker吗？

angular.module（'AgentApp'，[ngRoute]）；

应该是

angular.module（'AgentApp'，[ngRoute'））

控制台中是否没有错误？应该有错误。如果控制器脚本文件…您没有将其包含在index.html文件中，谢谢您指出这一点，但仍然不起作用。尽管我现在看到了另一个问题。我拥有的另一个与此非常类似的应用程序在firefox中打开，但在chrome中无法正确打开（没有ng view部分）。所以现在我想可能是浏览器问题？！谢谢你的回答。我想我必须打开另一个关于浏览器的问题。正如我所说，firefox可以工作，但chrome没有显示任何关于ng view的内容。[顺便说一句，plunker链接不起作用！]Plunker--不幸的是，现在似乎不可用。这就是链接不起作用的原因。你现在应该试试。它又起作用了——而且在Chrome中对我来说还不错。

<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>
<script src="controller.js"></script>

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