2016-09-01 119 views
1

我剛剛開始學習AngularJS並且正在學習一個教程。出於某種原因,它顯示{{name}},而不是我在下面的代碼中給出的名稱。簡單的AngularJS不工作

的index.html

<!doctype html> 
<html ng-app="myApp"> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"> </script> 
     <script src="js/main.js"> </script> 
    </head> 
    <body> 
     <div ng-controller="MyController"> 
      {{ name }} 
     </div> 
    </body> 
</html> 

main.js

var app = angular.module('myApp', []); 
app.controller('MyController', function($scope)) { 
    $scope.name = "Hello World!"; 
} 
+0

您是否檢查控制檯...您一定會遇到一些錯誤 –

+0

需要更多詳細信息。你如何開始申請?你只是打開index.html文件? – ACV

+1

在'($ scope)'之後添加一次額外的'''並在'}'末尾添加它。爲'MyController'定義的'function'的語法錯誤 – Braj

回答

3

我看到的錯誤是,你是在錯誤的地方,控制器把)。嘗試使用以下內容

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

app.controller('MyController', function($scope) { 
$scope.name = "Hello World!"; 
});