Javascript 为什么我添加路由时AngularJS应用程序不起作用？_Javascript_Html_Angularjs

Javascript 为什么我添加路由时AngularJS应用程序不起作用？

javascript html angularjs

Javascript 为什么我添加路由时AngularJS应用程序不起作用？,javascript,html,angularjs,Javascript,Html,Angularjs,我是AngularJS的新手，实际上我从今天开始，我想为一家使用AngularJS的公司创建一个示例站点。我的计划是为产品和about页面创建一个视图这是我的index.html代码： <!doctype html> <html ng-app="myApp" ng-controller="myCtrl"> <head> <title>{{ title }}</title> <script src="https

我是AngularJS的新手，实际上我从今天开始，我想为一家使用AngularJS的公司创建一个示例站点。我的计划是为产品和about页面创建一个视图

这是我的index.html代码：

<!doctype html>


<html ng-app="myApp" ng-controller="myCtrl">
<head>
    <title>{{ title }}</title>
    <script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.5.0/angular-route.js"></script> 
    <script src="js/app.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 

</head>

<body>
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <a class="navbar-brand"> {{ title }}</a>
        </div> <!-- navbar-header -->

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#/products">Products</a></li>
                <li><a href="#about">About</a></li>
            </ul>
        </div>
    </nav>

    <div ng-view></div>
</body>
</html>

每当我单击导航栏上的链接时，所单击链接的视图不会被渲染。此外，网站的标题在浏览器上显示为

{{title}

。这些问题始于我为路由添加代码时。如果我从路由中删除代码，则标题将正确显示。此外，当我在网站上有路由代码时，我的浏览器中会出现此错误。

未捕获错误：[$injector:modulerr]

它给了我一个链接。我访问了该网站，在检查了所有内容后，只有在app.js中没有路由代码的情况下，该模块似乎才可以正常加载。那么我做错了什么？我看了大约一个小时，我想不出来。

您正在尝试使用

ngRoute

，它是一个单独的模块，需要单独安装和包含。错误页面链接到，它特别告诉您，

$routeProvider

在当前项目中是未知的。有关安装说明，请参阅ngRoute页面：

最具体地说：

然后通过将模块添加为从属模块，将其加载到应用程序中：

angular.module('app', ['ngRoute']);