Почему мой angular не работает правильно?

#javascript #angularjs

#javascript #angularjs ( ангулярджс ) #angularjs

Вопрос:

Я столкнулся с некоторыми проблемами при запуске angular в моей системе. Я изучал демо-версии angular в школах w3, которые демонстрируют различные компоненты.

Вот один из них, который я пытаюсь:

http://www.w3schools.com/angular/tryit.asp?filename=try_ng_routing_template

Вот код, который я использую:

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

Он не будет переключаться между тегами заголовка в моей системе.

Редактировать: Код отлично работает в другом месте, но не в моей системе. Он находится в моей папке apache. Запуск с локального хостинга. JavaScript, php и html работают нормально. Я тоже использовал jQuery. Есть какие-нибудь идеи, почему у angular могут возникнуть проблемы?

1. Кажется, у меня это работает, plunkr здесь , убедитесь, что вы разместили свой файл на сервере

2. Он находится в моей папке apache. Запуск localhost. JavaScript, php и html работают нормально. Я тоже использовал jQuery. Есть идеи, почему у angular могут возникнуть проблемы?

3. Не уверен, что вы уже подумали об этом, но кэшируется ли файл локально из предыдущей версии? Очистите кэш, перезапустите браузер?

4. Это сработало! Большое спасибо

5. Тогда я дам ответ, чтобы посетителям было понятно, хотите ли вы отметить is в качестве ответа, рад, что это исправлено.

Ответ №1:

Ваш файл может быть кэширован в вашем браузере, поэтому даже сохранение файла не обновляет то, что запущено в вашем браузере.

Очистите кэш вашего браузера. Перезапустите ваш браузер.

1. В Chrome и Firefox (и, возможно, других), если вы занимаетесь разработкой, разумно открыть devtools или firebug, а также убедиться, что флажок «отключить кэш» установлен. Это отключит проблему с кешем браузера такого рода во время разработки.