rootScope не работает для привязки данных от контроллера к представлению

#angularjs

Вопрос:

я новичок в angularjs. Но есть проблема, которую я не могу решить, мой код приведен ниже

Мой index.html файл приведен ниже

 <!doctype html>
<html ng-app = "myApp">
     <head>
          <script src=""https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js""></script>
          <script>
               var app = angular.module('myApp', []);
               app.run(function($rootScope){
               $rootScope.name = "Ari Lerner";
               });
         </script>
     </head>
     <body>
            <div>
               {{name}}
            </div>
     </body>
</html>

Но все равно вывод в браузере в

{{name}}
пожалуйста, помогите решить мою проблему

Ответ №1:

Я думаю, вы сделали это довольно сложным для себя. Вам нужно поиграть с областью действия этого момента вместо использования rootScope, когда задействован только один уровень области действия.

Однако, чтобы заставить ваш пример работать, создал скрипку для того же:

Скрипка

Фрагмент кода:

HTML:

 <div ng-app>
  <div ng-controller="test">
    {{name}}
  </div>
</div>

JS:

 function test($scope){
   $scope.name = "Ari Lerner";
}

Ответ №2:

Убедитесь, что ваш angularjs включен должным образом:

Заключайте двойные кавычки только один раз:

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

демонстрация: jsfiddle