Почему мой маршрут не загружается?

Я новичок в angularjs, и почему-то мои маршруты не работают, когда я нажимаю на тестовую ссылку. Я снова и снова проверял свой код и не мог найти проблему.Почему мой маршрут не загружается?

Любая помощь была бы действительно оценена!

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Title</title> 


     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-route.min.js"></script> 



     <style> 


     </style> 

    </head> 


    <body> 


    <a href="#test">Test</a> 

    <div ng-view></div> 


    <script> 
    var app = angular.module("myApp", ["ngRoute"]); 
    app.config(function($routeProvider) { 
     $routeProvider 
     .when("/test", { 
      templateUrl : "test.html" 
     }) 
    }); 
    </script> 

    </body> 
    </html>

источник

2016-08-03 json3

вы не дали 'нг-приложение =«MYAPP»' в вашем HTML? – kukkuz

добавлен как ответ ниже – kukkuz

Есть несколько вещей, которые я хотел бы указать на то, что вы пропустили.

Вы пропустили, чтобы начать угловой на странице. Вы можете сделать это, выполнив ng-app="myApp" как myApp модуль, который вы уже определили.
Другое дело, вы должны изменить ваш href к href="#/test", так что по щелчку ссылке вы перейти к /test маршруту

источник

2016-08-03 16:57:01

Ahh okay. Спасибо за совет! – json3

Определить имя модуля в представлении,

<body ng-app="myApp">

Работа App

источник

2016-08-03 16:53:50 Sajeetharan

Вы должны добавить ng-app="myApp":

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Title</title> 
 

 

 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-route.min.js"></script> 
 

 

 

 
    <style> 
 
    </style> 
 

 
</head> 
 

 

 
<body ng-app="myApp"> 
 

 

 
    <a href="#test">Test</a> 
 

 
    <div ng-view></div> 
 

 

 
    <script> 
 
    var app = angular.module("myApp", ["ngRoute"]); 
 
    app.config(function($routeProvider) { 
 
     $routeProvider 
 
     .when("/test", { 
 
      templateUrl: "test.html" 
 
     }) 
 
    }); 
 
    </script> 
 
    <script type="text/ng-template" id="test.html"> 
 
    Content of the template. 
 
    </script> 
 

 
</body> 
 

 
</html>

источник

2016-08-03 16:54:13 kukkuz

Почему мой маршрут не загружается?

ответ

Смежные вопросы