Question

我正在尝试在angular.js.中创建一个Hello World页面，但它显示： {{helloMessage}} 而不是 Hello World 。无法理解，问题在哪里。

该文件夹包含两个文件：angular.min.js和HelloWorld.html。我在HelloWorld.html中编写了以下代码：

<!doctype html>
<html lang = "en" ng-app>
<head>
    <meta charset = "utf-8">
    <title> Hello World </title>
</head>

<body>
    <h1 ng-controller = "HelloWorldCtrl">{{helloMessage}}</h1>
    <script src = "angular.min.js"></script>
    <script type = "text/javascript">
    function HelloWorldCtrl($scope){
        $scope.helloMessage = "Hello World";
    }
    </script>
</body>
</html>

Answer 1

您的控制器设置不正确。它需要绑定到您的角度应用程序。首先，您需要为应用命名：

<html ng-app='myApp'>

然后改变你的脚本：

angular.module('myApp', []).controller('HelloWorldCtrl',    
    function($scope) {
        $scope.helloMessage = "Hello World";
    }
);

请参阅文档：https://docs.angularjs.org/api/ng/directive/ngApp

Answer 2

您只需创建一个函数HelloWorldCtrl，但不会将其分配给控制器。查看documentation。

你应该这样做：

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

myApp.controller('HelloWorldCtrl', ['$scope', function($scope) {
  $scope.greeting = "Hello World";
}]);

angular.js中的Hello World

2 个答案: