TemplateUrl, ngRoute 这是错误的答案

【问题标题】：TemplateUrl, ngRoute this is wrongTemplateUrl, ngRoute 这是错误的
【发布时间】：2016-06-02 20:16:22
【问题描述】：

我的代码有问题：

var app = angular.module( "myApp", ['ngRoute'] );

app.config( function ( $routeProvider ) {
  $routeProvider
    .when( '/home', { templateUrl: 'strony/home.html' } )
    .when( '/about', { templateUrl: 'strony/about.html' } )
    .when( '/contact', { templateUrl: 'strony/contact.html' } )
    .otherwise( { redirectTo: '/this' } );
});

app.controller( 'MainCtrl', function ( $scope ) {
});

<div ng-controller="MainCtrl">
  <ul>
    <li><a href="#/home">Home</a></li>
    <li><a href="#/about">About Us</a></li>
    <li><a href="#/contact">Contact Us</a></li>
  </ul>
  <div ng-view></div>
</div>

路径看起来像： -index.html -script.js -强/ *home.html *关于.html *contact.html

如果我点击链接地址名称正在改变，但在现场没有任何反应。你能帮我解决这个问题吗？

【问题讨论】：

任何错误，您是否引用了角度路由？请提供更多信息。也许提供一个 plunk 或 codepen？
plnkr.co/edit/a9RcN5xHVyz75EnRiWBT?p=preview 看起来像，但在这里我删除了文件夹 'strony'
查看编辑后的答案。

标签： javascript html angularjs templates angularjs-ng-route

【解决方案1】：

在“strony”（i.e.'/strony/home.html'）前面添加一个正斜杠，并确保您引用的是您的模块（即<html ng-app='myApp'>）

您的代码将反映以下内容：

HTML

 <html ng-app='myApp'>
    <head>
    </head>
    <body>
    <div ng-controller="MainCtrl">
      <ul>
        <li><a href="#/home">Home</a></li>
        <li><a href="#/about">About Us</a></li>
        <li><a href="#/contact">Contact Us</a></li>
      </ul>
      <div ng-view></div>
    </div>
    </body>
    </html>

角度

var app = angular.module( "myApp", ['ngRoute'] );

app.config( function ( $routeProvider ) {
  $routeProvider
    .when( '/home', { templateUrl: '/strony/home.html' } )
    .when( '/about', { templateUrl: '/strony/about.html' } )
    .when( '/contact', { templateUrl: '/strony/contact.html' } )
    .otherwise( { redirectTo: '/this' } );
});

app.controller( 'MainCtrl', function ( $scope ) {
});

这是一个有效的Plunk

另外，ng-route 需要一个网络服务器才能工作。也许使用http-server之类的东西。

【讨论】：

还是不行。在头部我有脚本 angular.min.js 和 angular-route.min.js
还是什么都没有。我在 HTML 中有 ng-app='myApp'，我将 'strony/home.html' 更改为 '/strony/home.html'。还有一个信息，当我点击地址页面中的链接时正在更改，但在网站上什么也没发生
是的，现在在您的 Plunk 中它正在工作，但如果在我的 sublime 代码中仍然没有t work and i dont 知道为什么；/您有什么想法吗？也许我必须输入本地主机？好吧，我尝试使用本地服务器谢谢你的帮助:)
我必须通过 localhost 对其进行分层。现在一切正常;)