2015-10-17 212 views
0

我正在學習angularjs,只是運行它的基本示例。Angularjs:無法從控制器打印

但是第一個沒有工作。

這裏是細節。

enter image description here

現在這裏是index.html的

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
<script src="Hello.js"></script> 
<title>Insert title here</title> 
</head> 
<body> 
<body> 
    <div ng-controller="Hello"> 
      <p>The ID is {{greeting.id}}</p> 
      <p>The content is {{greeting.content}}</p> 
     </div> 
    </body>  
</body>  
</html> 

這裏是控制器:

function Hello($scope, $http) { 
    $scope.greeting = [{content : 'sdfsfd',id:'2'}]; 
} 

請幫我:)

+1

你的例子看起來很舊。 – YOU

+0

你真的不應該嘗試使用角1.0.8的任何東西;它使用了一種非常古老的語法,並且與許多當前可用的庫不兼容。 – Claies

回答

1

你應該使用定義應用程序ng-app第一。 我認爲這會對你有所幫助。

0
<!DOCTYPE html> 
<html> 
<head> 
    <script src="Scripts/angular.js"></script> 
    <title>Insert title here</title> 

</head> 
<body ng-app="myApp"> 

    <div ng-controller="Hello"> 
     <p>The ID is {{sample[0].id}}</p> 
     <p>The content is {{sample[0].content}}</p> 

    </div> 
    <script> 
     var app = angular.module('myApp', []); 
     app.controller('Hello', function ($scope) { 
      debugger 
      $scope.sample = [ 
        { content: 'sdfsfd', id: 2 } 
      ]; 
     }); 
    </script> 
</body> 
</html> 
0

每當我們使用angularjs創建單個頁面應用程序時,我們需要定義ng-app。這是應用程序的核心。