Question

我是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>

但仍然是浏览器中的输出 {{名称}} 请帮助解决我的问题

Answer 1

我认为你让自己变得非常复杂。当它们只涉及一个范围时，您需要使用当时的范围而不是使用rootScope。

然而，为了使您的示例工作成为一个小提琴：

Fiddle

代码段：

HTML：

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

JS：

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

Answer 2

确保正确包含您的angularjs：

只加一次双引号：

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

演示：jsfiddle

rootScope无法将数据从控制器绑定到视图

2 个答案: