angularjs - 如何在 $scope 中存储 $rootscope 变量的值？

Question

是否可以使用 rootscope 的可变内部范围？如果是，那怎么办？

例如，我想在范围的 sub_menu 属性中设置 $rootScope.user_name 的值。

var app = angular.module('myApp', []).run(function ($rootScope) {$rootScope.user_name = "A to Z Traders";$rootScope.user_role="Admin";});

app.controller('headerCtrl', function($scope) {
    $scope.menu=[
        {menu_name : "Seller's Name", menu_id: "user", sub_menu:[{$rootScope.user_name}, "Profile", "Add Brand Owner", "Logout"]}
    ];

});

Answer 1

你当然可以。

只需将 $rootScope 注入控制器并从那里获取值

app.controller('headerCtrl', ['$scope', '$rootScope', function($scope, $rootScope) { 
$scope.menu=[ {menu_name : "Seller's Name", menu_id: "user", sub_menu:[{$rootScope.user_name}, "Profile", "Add Brand Owner", "Logout"]} ];
    }]);

但这是使用服务的更好解决方案，您将在其中存储数据和功能

您还必须阅读范围继承