angularjsのJavaスクリプト配列を照会できません

Question

こんにちは、私はangularjsでWebアプリケーションを開発しています。私はangularjsの配列を照会しようとしています。以下は私のコードスニペットです。

var angulararray = []; 
bindleaselistings.bindleaselistingsmethod().then(function(response) { 
    angular.forEach(response.data.data.LeaseList, function(value, key) { 
    angulararray.push(value); 
    }); 
}, function(error) {}); 
console.log(angulararray); 
debugger; 
var found = $filter('filter')(angulararray, { 
    id: accountnumber 
}, true); 
if (found.length) { 
    $scope.selected = JSON.stringify(found[0]); 
} else { 
    $scope.selected = 'Not found'; 
} 

console.logは必要な配列を表示します。私はスクリーンショットを添付しました。

私がvar found = $filter('filter')(angulararray, { id: accountnumber }, true);をデバッグすると、angulararrayが空であることがわかります。私は上記のコードで何か間違っているのですか？どんな助けもありがとう。ありがとうございます

Answer 1

問題は、コードの非同期実行です。あなたのAPI呼び出しとその下のコードの実行は、並行して実行されます。 angulararrayの値は、API呼び出しの外部では空です。 APIの成功コールバック内でフィルタリングを移動できます。

var angulararray = []; 
bindleaselistings.bindleaselistingsmethod().then(function(response) { 
    angular.forEach(response.data.data.LeaseList, function(value, key) { 
     angulararray.push(value); 
    }); 
var found = $filter('filter')(angulararray, { 
    id: accountnumber 
}, true); 
}, function(error) {}); 
console.log(angulararray); 

if (found.length) { 
    $scope.selected = JSON.stringify(found[0]); 
} else { 
    $scope.selected = 'Not found'; 
} 

Answer 2

あなたには非同期の問題があります。約束が解決された後、コードを実行する必要があります。

あなたのツールが変数のライブビューを表示するため、console.logでレスポンスを取得する理由があります。したがって、変数が解決されると、コンソールのビューは解決された約束の結果に変わります。

var angulararray = []; 
bindleaselistings.bindleaselistingsmethod().then(function (response) { 
    angular.forEach(response.data.data.LeaseList, function (value, key) { 
     angulararray.push(value); 
    }); 
    console.log(angulararray); 
    debugger; 
    var found = $filter('filter')(angulararray, { 
     id: accountnumber 
    }, true); 
    if (found.length) { 
     $scope.selected = JSON.stringify(found[0]); 
    } else { 
     $scope.selected = 'Not found'; 
    } 
}, function (error) { }); 

Answer 3

あなたはuはウル変数をフィルタリングし、このようなものを持っている方法を変更することができます：

var found; 
var len = angulararray.length; 
for(var i=0; i<angulararray; i++){ 
    if(typeof angulararray[i]['AccountNumber'] === 'undefined') { 
    $scope.selected = 'Not found'; 
    } 
    else { 
    found = angulararray[i]; 
    $scope.selected = JSON.stringify(found[0]); 
    } 
}