機能は私の現在のプロジェクトではJS

Question

で実行していない、私は角度のカスタムサービスを呼び出す機能を持っており、

var vm = this; 
vm.itemname = ''; 

function getItems(){ 
    var result = myservice.getFromLibrary(); 
    result.then(function(data){ 
    vm.dataSet = data; 
    }); 
} 

は、私がデータを保存するために別の機能を持つ変数にデータを代入しますそれが保存されます後

vm.addItem = function(){ 
    var newItem = {"title": vm.itemname}; 
    myservice.setToLibrary(newItem); 
    getItems(); 
}; 

を次のようにしてのgetItem（）関数は、呼び出されるべきであるが、vm.addItemが呼ばれたとき、それはのgetItems機能でアイテムを取得しませんが、それは私に未定義の出力

を与えますは、あなたがしている関数の名前に欠けている -

すべてのヘルプは非常に関数名がgetItems()ですが、あなたはaddItemからそれを呼び出しているとき、あなたは未定義の機能getItem()を呼び出しているこの問題に

Answer 1

まず、関数名を間違って呼びます。getItemはgetItemsである必要があります。

typoの場合は、サービスから約束が返された後にgetItemsメソッドを呼び出します。

コールバックからエラー関数を追加することもできます。

このpromise(then and error)を使用すると、次のコード行は応答がサービスから取得された場合にのみ実行されます。

vm.addItem = function(){ 
    var newItem = {"title": vm.itemname}; 
    myservice.setToLibrary(newItem) 
    .then(function(response){ 
     getItem(); 
    } 
    function error(response) 
    { 
    console.log('error') 
    }); 
}; 

Answer 2

を修正するために理解されるであろう電話しようとしています。

Answer 3

私は右のあなたがサービスコールmyservice.setToLibrary(newItem);を通って、再びサービスコールすなわち$http POST or GETあるgetItems();通じDB内の項目の存在を読んだことの後にアイテムを追加すると仮定しています。 「未定義の」出力

背後

理由あなたが追加しread.As $httpは本質的に非同期であるために、2つの$httpの呼び出しを行っている、あなたのvm.addItem()機能で見ることができるように、あなたのgetItems()であっても、あなたの前に実行されますmyservice.setToLibrary(newItem)が完全に実行されます。

これにより、未定義の出力が得られます。

ソリューションアプローチ

我々はsetToLibrary()呼び出しの成功の後、私たちgetItems()呼び出しを行ったとして、このアプローチは、あなたが結果を希望しまいます

vm.addItem = function(){ 
    var newItem = {"title": vm.itemname}; 
    myservice.setToLibrary(newItem).success(function(data){ 
     getItems(); 
    }); 

以下のようなあなたのvm.addItem()機能でいくつかの調整を行います。