ngRoute不工作在angularJS

-1

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Index</title> 
    <link href="~/styles/bootstrap.min.css" rel="stylesheet" /> 
    <link href="~/styles/bootstrap-theme.min.css" rel="stylesheet" /> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.js"></script> 
</head> 
<body ng-app="appName"> 
    <a href="/view1">view1</a> 
    <a href="/view1">view2</a> 
    <div> 
    this is a dynamic message: {{message}} 
</div> 
<div ng-view> 

</div> 
    <script type="text/javascript"> 
     var app = angular.module('appName', ['ngRoute']); 

     app.config(function ($routeProvider) { 
      $routeProvider.when('/', { 
       templateUrl: 'pages/home.html', 
       controller: 'HomeController' 
      }) 
       .when('/view1', { 
        templateUrl: 'pages/about.html', 
        controller: 'FirstController' 
       }) 
       .when('/view2', { 
        templateUrl: 'pages/contact.html', 
        controller: 'SecondController' 
       }) 
       .otherwise({ 
        redirectTo: '/' 
       }); 
     }); 
     app.controller('FirstController', function ($scope) { 
      $scope.message = 'first controller'; 
     }); 
     app.controller('SecondController', function ($scope) { 
      $scope.message = 'Second controller'; 
     }); 
     app.controller('HomeController', function ($scope) { 
      $scope.message = 'Home controller'; 
     }); 
    </script> 
</body> 
</html>

，但是當我在廠景或視圖2錨標記點擊，什麼也沒發生，我得到這樣 resource not found error

我不錯誤在控制檯中得到任何錯誤，誰能幫我弄清楚究竟是什麼錯誤。

來源

2017-01-09 Lijin Durairaj

你是什麼服務器的意思是，我使用CDN –

一個＃中缺少的環節：'HREF = 「＃/廠景」' – AlainIb

在您的HTML裏，你錯過了 ngview指令添加它。

<div ng-view></div>

爲了進一步幫助看到此鏈接 http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example/

來源

2017-01-09 12:10:24 SamiMalik

請你檢查我的代碼，我實際上有一個ng-view指令 –

使用ng-view顯示的內容和你的錨標記錯過#

<body ng-app="appName"> 
    <a href="#/view1">view1</a> 
    <a href="#/view1">view2</a> 
    <div ng-view> 
    this is a dynamic message: {{message}} 
    </div> 
    <script> 
    <!-- script here --> 
    </script> 
</body>

來源

2017-01-09 12:10:25

你真的嘗試過嗎，請使用我的代碼，並嘗試它，因爲它不適合我 –

所以，最後你決定，我標記了這個問題。即使你不知道是誰明確了這個問題，但你是在爲此責怪我 –

-1

你沒NG-視圖

在html中添加以下內容以加載頁面

<div ng-view></div>

嘗試此應用程序配置

app.config(function (locationProvider, $routeProvider) { 
      $locationProvider.hashPrefix('#'); 
      $routeProvider.when('/', { 
       templateUrl: 'pages/home.html', 
       controller: 'HomeController' 
      }) 
       .when('/view1', { 
        templateUrl: 'pages/about.html', 
        controller: 'FirstController' 
       }) 
       .when('/view2', { 
        templateUrl: 'pages/contact.html', 
        controller: 'SecondController' 
       }) 
       .otherwise({ 
        redirectTo: '/' 
       }); 
     });

來源

2017-01-09 12:11:58 rambo

ngRoute不工作在angularJS

回答

相關問題