2015-07-02 3 views
-1

Я новичок в angularjs, поэтому я попробовать этот сценарий в Index.html так:Почему мой сценарий Hello Hello не работает?

<!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, в чем проблема?

EDIT: это учебник: enter image description here

+1

проверить журнал консоли на наличие ошибок. AngularJS не удалось инициализировать, но может быть много причин. – pinoyyid

+0

Попробуйте добавить 'ng-app' в тег' html' или 'body'. –

+0

Консоль не показывает никаких ошибок, это учебник, я просто делаю то, что он сказал! он работает в учебном видео, но это не работает для меня !? – pejman

ответ

3

Вы не самонастройок углового модуля, поэтому ваш код не работает. Вы должны позвонить ng-app в любом теге HTML, чтобы уведомить об этом Угловой старт. Так что все суб тегов под тегом углового объявленным будет иметь возможность использовать директивы, сферу применения, контроллер и т.д.

Пожалуйста, проверьте здесь, чтобы понять, как создать контроллер и использовать его: 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> 
+0

Спасибо, это учебник, я просто делаю то, что он сказал! он работает в учебном видео, но это не работает для меня !? – pejman

+0

Может быть, это старый учебник? согласно новейшим, это должно быть так. пожалуйста! также вы должны назначить контроллер на угловой модуль. – hsynlms

Смежные вопросы