2016-10-20 10 views
1

私はシステム上でいくつかの問題が発生しています。私はさまざまな要素を示す角度の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フォルダにあります。 localhostの実行中です。 JavaScript、PHP、HTMLは正常に動作します。私もjQueryを使用しました。なぜ角度が問題を抱えているのでしょうか?

+1

私は[plunkr here](https://plnkr.co/edit/lXP6y1ZDT0sOvKPmn23a?p=preview)のために、サーバにファイルをホストしていることを確認しているようです。 –

+0

これは私のapacheフォルダにあります。 localhostの実行中です。 JavaScript、PHP、HTMLは正常に動作します。私もjQueryを使用しました。なぜ角度が問題を抱えているのでしょうか? – munchschair

+1

これはまだ考えているのですが、以前のバージョンからローカルにキャッシュされたファイルであるかどうか不明ですか?キャッシュをクリアして、ブラウザを再起動しますか? –

答えて

1

ファイルがブラウザにキャッシュされていても、ファイルを保存してもブラウザで実行中のものが更新されないことがあります。

ブラウザのキャッシュをクリアします。 ブラウザを再起動します。

+0

開発中のChromeやFirefox(そして他のユーザー)では、devtoolsやfirebugを開いて「キャッシュを無効にする」チェックボックスがオンになっていることを確認することをお勧めします。これにより、開発中にこの種のブラウザキャッシュの問題が無効になります。 – coblr

関連する問題