angular.js - angularjs中关于异步加载的数据在controller之间共享的问题?

Question

app.factory('userService', ['$http', function ($http) {
         var userService= {},
                                    
         userService.getUsers = function () {                    
             return $http.get('getUsers');
         }     
         userService.users =[];                                       
         return userService;
 }]);

app.controller("FirstController",["$http","userService",function($http,userService){
       userService.getUsers().success(function (users){
           userService.users = users;//在SecondController得不到数据
       })
       //userService.users=[1,2,3] 如果我这样更新数据,在SecondController可以获得数组[1,2,3]

  }])
app.controller("SecondController",["$http","userService",function($http,userService){
   //userService.users 此得到的为空数组 
    //但是console.log(userService) 可以看到userService.users中有数据

  }])

Answer 1

$http リクエストは非同期操作です。SecondController を実行するとき、この時点でデータが取得されているという保証はありません。

Answer 2

$http を独自のサービスに封印したい場合は、$q モードと Promise モードを理解する必要があります。この時点では、同期的思考を使用して非同期操作を実行することと同じです。

Answer 3

私たちのプロジェクトにはそのような問題がたくさんあります。私の現在の解決策について簡単に話しましょう。上記と同様に、サービスはカプセル化され、HTTP を使用してデータが返されると、データを必要とするすべてのコントローラーがこのサービスを使用してデータの整合性を確保します。

Answer 4

通常、サーバーをカプセル化する場合、基本的にPromiseが使用されます。 (推奨練習)

質問者が Promise を使用したくない場合は、コールバックを使用することで問題を解決することもできます。

もう 1 つのアイデアは、イベント通知を使用することです。サーバーがデータを取得すると、イベントを使用してコントローラーに通知します。

Answer 5

それはコールバックを使用して解決できると言われました。試してみたところ、うまくいきました。お役に立てば幸いです。

send()は、最初のコントローラーの入力値を動的に取得するキーアップイベントです

リーリー