Angularjs:无法从控制器打印

时间:2015-10-17 03:21:34

标签: 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'}];
}

请帮帮我:)。

3 个答案:

答案 0 :(得分:1)

您应首先使用ng-app定义您的应用程序。 我想这会对你有帮助。

答案 1 :(得分: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>

答案 2 :(得分:0)

每当我们使用angularjs创建单页面应用程序时,我们需要定义ng-app。它是应用程序的核心。