2016-11-30 3 views
0

Я изучаю учебник по w3schools, и я скопировал один из своих фрагментов. Когда я пытаюсь просмотреть страницу в своем браузере, она занимает примерно полминуты, чтобы загрузить. Кроме того, функции просто не работают. Этот код работает только на w3schools. Они предоставили cdn (которые устарели, но все равно должны работать). Любая помощь очень ценится.Angularjs не работает и загрузка страницы слишком медленная

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script> 
 

 
<body ng-app="myApp"> 
 

 
<p><a href="#/">Main</a></p> 
 

 
<a href="#banana">Banana</a> 
 
<a href="#tomato">Tomato</a> 
 

 
<p>Click on the links to change the content.</p> 
 

 
<p>The HTML shown in the ng-view directive are written in the template property of the $routeProvider.when method.</p> 
 

 
<div ng-view></div> 
 

 
<script> 
 
var app = angular.module("myApp", ["ngRoute"]); 
 
app.config(function($routeProvider) { 
 
    $routeProvider 
 
    .when("/", { 
 
        template : "<h1>Main</h1><p>Click on the links to change this content</p>" 
 
    }) 
 
    .when("/banana", { 
 
        template : "<h1>Banana</h1><p>Bananas contain around 75% water.</p>" 
 
    }) 
 
    .when("/tomato", { 
 
        template : "<h1>Tomato</h1><p>Tomatoes contain around 95% water.</p>" 
 
    }); 
 
}); 
 
</script> 
 

 
</body> 
 
</html>

+0

Просто боковое примечание Я предлагаю вам следить за официальным угловым сайтом. У них отличный учебник. – abhishekkannojia

+0

Хорошо. Спасибо. :) – thetekkenmaster

+0

отсутствует включение скрипта 'ngRoute' https: – Laazo

ответ

1

Время загрузки может из-за подключение к сети, так как страницам необходимо скачать угловое ядро ​​от Google CDN. Загружать его локально можно решить.

Однако я заметил, у вас есть такой код:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script> 

Так что я интересно, как вы приезжаете свой HTML? У вас есть сервер localhost или напрямую через протокол file:///?

Если ваш ответ последний, то он определенно не будет работать, поскольку URL-адрес углового маршрутизатора может быть автоматически префиксным, как и через протокол file:///, который, как я полагаю, составляет 404.

+0

Большое спасибо! Я посещал мой html файловым протоколом. Я рад, что вы объяснили мне эту часть. Я все еще новичок. – thetekkenmaster

+0

@thetekkenmaster Затем вам нужно научиться настраивать сервер dev на localhost. Это также необходимо, если вы хотите разработать что-то AJAX. – Leo

+0

Я ценю помощь парням. Я выяснил, как просмотреть его на локальном хосте. Я скачал xampp. Все работает нормально. – thetekkenmaster

0

Недопустимый файл углового маршрута. Пожалуйста, используйте действительный адрес cdn

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular-route.min.js"></script> 
Смежные вопросы