Több ng-app belsejében egy gyökér-app

szavazat
0

Új vagyok angularjs.Using több ng-alkalmazásokat ugyanazon az oldalon. mint App2 belül APP1 és APP1 belül rootApp.

controller1van egy $httpszolgáltatás akkor letölteni az id és a nevét, és rendelje hozzá $rootScope.

Szeretnék használni, hogy az értékek a controller2in App2.

De a probléma mindkét APP1 hívott először, majd App2 hívott azonnal, anélkül, hogy id és nevét.

Mivel szolgáltatás némi időt tölteni az id és a nevet értéket.

Fel akarom hívni App2 után kapok az id és a nevét APP1. Hogyan tudom ezt elérjük,

<body ng-app=rootApp>
...
<div ng-app=app1 ng-controller =controller1>


.....

<div ng-app=app2 ng-controller=controller2>

</div>

</div>

</body>

var app1 = angular.module('app1', []); /

app1.controller('controller1', function ($scope, $filter, $rootScope) {

$http.get().success(function(data){
$rootScope.id=data.id;
$rooTScope.name=data.name;
});
});

var app2 = angular.module('app2', []); /

app2.controller('controller2', function ($scope, $filter, $rootScope) {

//here i want to use that $rootscopeValues of id and name

});
A kérdést 04/10/2016 14:44
a forrás felhasználó
Más nyelveken...                            


1 válasz

szavazat
1

Egyszerre csak egy ng-alkalmazást, és több ng-vezérlők. Figyeljünk, hogy hogyan nevezzék $ rootScope.

var app = angular.module('app', [])
.controller('controller1', function($scope, $filter, $rootscope){
   $http.get().success(function(data){
     $rootScope.id = data.id;
     $rootScope.name = data.name;
   });

})
.controller('controller2', function($scope, $filter, $rootscope){
   console.log($rootScope.id);
   console.log($rootScope.name);
});

A dokumentum törzsében:

<body ng-app="app">
...
<div  ng-controller ="controller1">


.....

<div ng-controller="controller2">

</div>

</body>
Válaszolt 04/10/2016 14:50
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more