国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

社區(qū)

學(xué)習(xí)

工具庫

AI工具

休閑

簡體中文

angular.js - 怎么在angular初始化時(shí)$http為factory賦初值

phpcn_u1582 2017-05-15 16:54:00

881

因?yàn)橛X得factory是單例的所以把http結(jié)果作為factory的返回值，怎么做到在angular初始化時(shí)$http為factory賦初值？
angular.module('some',[]) .factory('factory',function($http){ var some = {}; $http.get('url') .success(function(resp){ some.data = resp; }) return some.data; })
現(xiàn)在類似是這樣寫的，我就希望angular初始化的時(shí)候把從服務(wù)器取一些值之后可以一直用

phpcn_u1582

全部回復(fù)(4)

習(xí)慣沉默2017-05-15 16:56:00 4 樓

想必你也發(fā)現(xiàn)了，你這樣寫的問題在于數(shù)據(jù)獲取是異步的。some.data剛開始還是undefined。但你的直覺是對的：通用的數(shù)據(jù)應(yīng)當(dāng)放在factory或service里面。現(xiàn)在來解決異步的問題，有三種方案：

轉(zhuǎn)化為同步。這是最直接的方案，把需要的數(shù)據(jù)在服務(wù)器端直接渲染在模板里，factory從HTML中取數(shù)據(jù)，一般用input標(biāo)簽。沿著這個(gè)思路，更好的辦法是在啟動(dòng)Angular App前設(shè)置好資源。可以參考這篇文章： http://harttle.github.io/2015/05/31/angular-scope-initialize.html#1

異步回調(diào)。用factory返回一個(gè)回調(diào)函數(shù)，這樣寫：

javascriptxxx.factory('some', function($http){
    var some = {}
    function get(cb){       
        if(some.data) return cb(some.data);     
        $http.get('').success(function(d){
            cb(some.data = d);
        });
    }
    return get;
});
...
some.get(function(data){
    console.log(data);
});

使用Promise/Deffered模式來進(jìn)行異步。隨著項(xiàng)目越來越復(fù)雜，Promise是最終解決方案。Angular提供了該模式的實(shí)現(xiàn)$q，它是一個(gè)Service，$http.get便會(huì)返回一個(gè)Promise的實(shí)例。這樣用的：
```
javascriptxxx.factory('some', function($q, $http){
    return $http.get('');
});    
...
some.success(function(data){
    console.log(data);
});
```