为什么我的Hello World脚本不起作用？

-1

我在angularjs新的，所以我尝试这个脚本在Index.html这样的：为什么我的Hello World脚本不起作用？

<!DOCTYPE html> 
    <html lang="en" ng-app="DEMO"> 
    <head> 
    <title></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 Pejman"; 

    } 
    </script> 
</body> 
</html>

但是当我运行它，它表明{{HelloMessage}}，而不是Hello Pejman，是什么问题？

编辑：这是教程： enter image description here

来源

2015-07-02 pejman

检查控制台日志中是否有错误。 AngularJS未能初始化，但可能有很多原因。 – pinoyyid

尝试在'html'或'body'标记中添加'ng-app'。 –

控制台不显示任何错误，这是一个教程，我只是做它说的！它在教程视频中工作，但它不适合我！？ – pejman

你没有引导角模块，这就是为什么你的代码不工作。您必须在任何HTML标记中调用ng-app才能在此处通知Angular start。因此，所有申报的标签角下的子标签将能够使用的指令，范围，控制器等

请点击这里了解如何创建控制器，并使用它：https://docs.angularjs.org/guide/controller

试试这个：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Hello World</title> 
<script src="angular.min.js"></script> 
</head> 

<body> 

    <h1 ng-app="demo" ng-controller="HelloWorldCtrl">{{HelloMessage}}</h1> 

    <script type="text/javascript"> 
     var app = angular.module('demo', []); 

     app.controller('HelloWorldCtrl', function($scope) { 
      $scope.HelloMessage = "Hello Pejman"; 
     }); 
    </script> 
</body> 
</html>

来源

2015-07-02 15:01:47 hsynlms

谢谢，这是一个教程，我只是做它说的！它在教程视频中工作，但它不适合我！？ – pejman

它可能是一个老的教程？根据最新的，它必须是这样的。不用谢！您还应该将控制器分配给角度模块。 – hsynlms

为什么我的Hello World脚本不起作用？

回答

相关问题