TemplateUrl, ngRoute 这个是错误的

Question

我的代码有问题：

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 -strony/ *home.html *about.html *contact.html

如果我点击 link 地址名称正在更改，但网站上没有任何反应。你能帮我解决这个问题吗？

Answer 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>

Angular

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.

这样的东西

TemplateUrl, ngRoute 这个是错误的

TemplateUrl, ngRoute this is wrong

html

javascript

templates

angularjs

angularjs-ng-route