Question

我的代码有问题：

＆＃13;

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 ) {
});

＆＃13;

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

＆＃13;

路径看起来像： -index.html -script.js -strony / * home.html的 * about.html * contact.html

如果我点击链接地址名称正在改变，但在网站上没有任何事情发生。你能帮我解决这个问题吗？

Answer 1

在＆＃34; strony＆＃34;前面添加正斜杠。（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需要Web服务器才能工作。也许使用类似http-server 的内容。

TemplateUrl，ngRoute这是错误的

1 个答案: