面临使用$scope和$rootscope的问题

我遇到了使用 angualrjs $scope 和 $rootscope 打印文本的问题。请找到下面的代码，让我知道我哪里做错了。

<body ng-app="x">
        <div ng-controller="ctrl1">
            Hello {{name2}}
        </div>
        <div ng-controller="ctrl2">
            Hi {{name1}} How {{name3}}
        </div>
        <script>
            var app= angulr.module("x",[]);
            app.controller("ctrl1" ,['$scope', '$rootScope',function($scope, $rootscope){
                $scope.name2 = "Sir";
                $rootscope.name3 = "are you!";
            }]);
            app.controller("ctrl2", function($scope){
                $scope.name1 = "madam";
            });
        </script>
    </body>

请运行以下代码。问题解决了。您拼写了错误的角度，并且不需要将 scope 和 rootScope 放在控制器 ctrl1 的括号中。它也是rootScope而不是rootscope（检查大写字母S）

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<body ng-app="x">
        <div ng-controller="ctrl1">
            Hello {{name2}}
        </div>
        <div ng-controller="ctrl2">
            Hi {{name1}} How {{name3}}
        </div>
        <script>
            var app= angular.module("x",[]);
            app.controller("ctrl1" ,function($scope, $rootScope){
                $scope.name2 = "Sir";
                $rootScope.name3 = "are you!";
            });
            app.controller("ctrl2", function($scope){
                $scope.name1 = "madam";
            });
        </script>
    </body>

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="x">
<div ng-controller="ctrl1">
        Hello {{name2}}
    </div>
    <div ng-controller="ctrl2">
        Hi {{name1}} How {{name3}}
    </div>
<script>
var app = angular.module('x', []);
 app.controller("ctrl1" ,['$scope', '$rootScope',function($scope, $rootscope){
            $scope.name2 = "Sir";
            $rootscope.name3 = "are you!";
        }]);
app.controller("ctrl2", function($scope){
            $scope.name1 = "madam";
        });
</script>
</body>
</html>

相关内容

最新更新

热门标签：