2016-06-19 3 views
-3

AngularJSをテストする簡単な機能を構築していますが、Chrome、Mozilla、Mac OSXのSafariでは動作しません。 ng-modelは正常に動作しているため、ng-controllerに問題があると推測しています。 ここで私が使用していたコードされていますAngular not locally locally

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular Demo</title> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/js/main.js"></script> 
</head> 
<body> 

<div ng-controller="myController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.title + ', ' + author.company}}</p> 
</div> 

</body> 
</html> 

そして、ここでは、main.jsファイルです:誰かが、それは素晴らしいことだ問題に私を指すことができればそう

function myController($scope) { 

    $scope.author = { 
     'name' : 'The Name', 
     title : 'The title', 
     company : 'The Company Name' 

    } 
} 

...

+1

あなたはビューに 'ng-app'を追加するのを忘れました。 –

+0

ngアプリのドキュメント - https://docs.angularjs.org/api/ng/directive/ngApp –

+0

ng-modelなしでng-modelはどのように機能しましたか? – gaurav5430

答えて

0

すべての角度アプリには、角度が実行されるルート要素を特定するためにng-app指示が必要です。あなたのケースでは

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Angular Demo</title> 
    <script src="lib/angular/angular.min.js"></script> 
    <script src="lib/js/main.js"></script> 
</head> 
<body ng-app=""> 

<div ng-controller="myController"> 
    <h1>{{author.name}}</h1> 
    <p>{{author.title + ', ' + author.company}}</p> 
</div> 

</body> 
</html> 

あなたのアプリケーション名(モジュール名)を宣言してからng-appディレクティブに割り当てることをお勧めします。

関連する問題