2016-06-20 6 views
-2

私は新しいanglejsを使用していますv1.5.7しかし、私のコードで何が問題なのか、私のアプリはまったく動いていないのか分かりません。ここなぜ私の角型アプリは動作していないのですか?

は私のhtmlファイルである:私はここでエラーや作業出力のいずれかを取得していない午前

angular.module('myApp', []); 

angular.module('myApp').controller('main', function ($scope) { 

    alert('hi') 

    $scope.name = "testing"; 
}); 

<!DOCTYPE html ng-app="myApp"> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

ここに私のapp.jsファイルです。誰か助けてくれますか?私を正す?

+1

コンソールには何が表示されますか? – oxalorg

+0

あなたは間違った場所にng-appを配置しています – abdoutelb

答えて

5

ngAppディレクティブをhtmlまたはbodyタグに移動すると、現在はdoctype宣言になっています。

<!DOCTYPE html > 
<html ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

ディレクティブは要素に存在する必要がありますが、現在はそうではありません。

1

http://www.learn-angular.org/

これを試してみてください:

<!DOCTYPE html > 
<html ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Testing App</title> 
    <link rel="stylesheet" href=""> 
    <script src="angular.js"></script> 
</head> 
<body ng-controller="main"> 
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result 
    <script src="app.js"></script> 
</body> 
</html> 

をあなたはDOCTYPEにないNG-アプリを定義する必要があります!

<html ng-app="myApp">あなたはDOCTYPEにNG-アプリを割り当てることはできません正しい

1

だろう。 DOCTYPEはドキュメントのタイプを伝えるためにのみ使用され、htmlタグのng-appディレクティブを検出すると、角度のブートストラップが発生します。

関連する問題