Angular JSコードが機能していない

AngularJSチュートリアルを実行したときに、ブラウザで機能しない理由がわかりません。私はAngularJSが初めてです。どんな洞察も素晴らしいだろう。私は3つのファイルを持っています。Angular JSコードが機能していない

のindex.html：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <title>First Angular App</title> 
     <script src="angular.js"></script> 
     <script src="app.js"></script> 
     <script src="core.js"></script> 
    </head> 
    <body> 
     <div id="main_div" ng-app='my_ang_app' ng-controller='first_div'> 
     {{message}} 
     </div> 
    </body> 
    </html>

app.js：

var app = angular.module('my_ang_app', []);

のCore.js：

app.controller('first_div', function ($scope) { 
    $scope.message="Hello world from angular"; 
    });

私はブラウザでプレビューすると、それは{{メッセージ}を示し}

出典

2016-07-21 Brent Nicolet

コンソールのエラーは何ですか？ – developer033

ファイルパスを確認してください。 –

あなたの角度コードと対応するhtmlは、構文上および意味上正しいものです。私が間違っていると推測できるのは、ファイルパスまたはファイル名のみです。 –

javascrあなたが参照しているiptファイルは正しく読み込まれ、ビューを読み込んだ後で参照すると、そのファイルは常により良くなります。以下のようなもの、ここで

<body> 
    <div id="main_div" ng-app='my_ang_app' ng-controller='first_div'> 
    {{message}} 
    </div> 
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
    <script type="text/javascript" src="core.js"></script> 
    </body>

は、私はあなたの問題はあなたが適切なjavascriptのファイルパスにリンクされていないということだと思いますworking App

出典

2016-07-21 01:31:10 Sajeetharan

私はそれらを一番下に移動し、今は動作しています。ありがとう！ –

です。 404エラーがあるかどうかを調べるために要素を調べてみてください。

出典

2016-07-21 01:37:32

Angular JSコードが機能していない

答えて

関連する問題