Fatal编程技术网
  • angularjs/
  • 使用ngroute和ngview的Angularjs路由不适用于我。单击链接不会加载预期页面

使用ngroute和ngview的Angularjs路由不适用于我。单击链接不会加载预期页面

angularjs

使用ngroute和ngview的Angularjs路由不适用于我。单击链接不会加载预期页面,angularjs,angularjs-directive,ng-view,angularjs-ng-route,Angularjs,Angularjs Directive,Ng View,Angularjs Ng Route,index.html文件中有3个链接（主页、关于、联系人）。单击它们，我应该能够显示脚本js中定义的新消息/html（home.html、contact.html、about.html）文件。但事实并非如此 在chrome中执行“检查元素”时，没有其他错误 单击联系人时的url为： file:///C:/Users/Sonali%20Sinha/Desktop/demo/omg/index.html#contact 代码文件如下所示 index.html <!DOCTYPE html>

index.html文件中有3个链接（主页、关于、联系人）。单击它们，我应该能够显示脚本js中定义的新消息/html（home.html、contact.html、about.html）文件。但事实并非如此

在chrome中执行“检查元素”时，没有其他错误

单击联系人时的url为： file:///C:/Users/Sonali%20Sinha/Desktop/demo/omg/index.html#contact

代码文件如下所示

index.html

<!DOCTYPE html>
<html ng-app="scotchApp">
<head>    
<script src="angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="mainController">
    <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
        <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a>   </li>
     </ul>
<div id="main">
 {{ message }}
<div ng-view></div>
</div>
</body>
</html>
home.html

<div>
<h1>Home Page</h1>
<p>{{ message }}</p>
</div>


主页
{{message}}
contact.html

<div>
<h1>Contact Page</h1>
<p>{{ message }}</p>
</div>


联系页面
{{message}}
关于.html

<div>
<h1>About Page</h1>
<p>{{ message }}</p>
</div>


关于页面
{{message}}
目录结构如下所示

demo/omg/index.html 所有文件都在omg中

伙计们，这件事我已经坚持了一天了 我在angularjs才一天大。请善待我并帮助我。
提前感谢！：-）

您正在从文件系统（即使用
文件：//
URL）为应用程序提供服务，而不是从web服务器（即使用
http://
URL）为其提供服务。您不能对文件系统URL执行AJAX请求。角度路由需要执行AJAX请求以加载视图。

您需要做两件事：

  • 在上面提到的Apache后面运行它
  • 移除locationProvider块，它对我有效
你能添加你在项目中使用的目录结构吗？看起来你在src属性中有一个额外的空间。它应该是
angular-route.js
而不是
angular-route.js
。嗨，Wayne，这个空间不在我实际的html文件中。我想我在粘贴co时可能把这里搞砸了de。我也试过了。我正在将文件夹放在/XAMPP/htdocs中并以运行它。但不起作用！打开浏览器开发工具，在控制台面板中查找错误消息。查看网络面板中的请求，检查是否收到404或其他类型的错误响应。是的，我正在这样做。没有错误。LocationProvider他回答了这个问题。谢谢：-）我正要回答相同的问题。$locationProvider不应该在$routeProvider中 
<div>
<h1>About Page</h1>
<p>{{ message }}</p>
</div>