angularjs - $rootscope 変数の値を $scope 内に格納する方法は?

Question

rootscope の vriable をスコープ内で使用することは可能ですか? はいの場合、どのように？

たとえば、スコープの 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"]} ];
    }]);

ただし、これは、データと機能を保存するサービスを使用するためのより良いソリューションです

また、スコープの継承について読む必要があります