2016-10-03 15 views
1

私は非常に単純なコードを使用しています。私はAngularjsコードを実行する何かが不足しているようです。ここ基本Angularjsコードが実行されていませんか?

は私のhtmlコードです:ここで

<html> 
<head> 
    <title></title> 
</head> 
<body ng-app="myAppApp"> 
<div ng-controller="exempleCtrl"> 
    HELLO {{name}}! 
</div> 
</body> 
</html> 

はapp.jsコードです:

var app = angular.module('myAppApp',[]); 
app.controller('exempleCtrl', function($scope) { 
    $scope.name = 'World'; 
}); 

私はAngularjsに新たなんです。だから私はここで大きなものを見逃しているかもしれない。

+1

https://developer.mozilla.org/en/docs/Web/HTML/Element/script – Quentin

+1

ページに含まれていないスクリプトを実行できません – charlietfl

+0

これは正常に動作していることを確認してくださいhttps://plnkr.co/edit/OswC3iek7EuzBdLHUYlZ?p = preview – selftaught91

答えて

1

コメントで指摘されているように、HTMLファイルにJavascriptコードを含めなかったことが原因です。ですから、app.jsのようなもの、それと呼ばれ、HTMLファイルと同じディレクトリにあると仮定すると、あなたは次のようにそれを含める必要があります。

<html> 
<head> 
    <title></title> 
    <!-- You should also add reference to angular (use desired version - example here is 1.2.4) -->   
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script> 
    <!-- Here including the app.js--> 
    <script src="app.js"></script> 
</head> 
<body ng-app="myAppApp"> 
<div ng-controller="exempleCtrl"> 
    HELLO {{name}}! 
</div> 
</body> 
</html> 

はそれを試してみると、これが動作するかどうか、私たちに知らせてください。

+0

コア角度ライブラリへの参照がないため、これはうまく動作しません。 – Lex

+0

良い点。編集されました。 – ishmaelMakitla

+0

ありがとうIshmaelMakitla。コードは完全に機能します。ありがとう、レックス –

関連する問題