0

Onsenを使用してアプリを作っています。
以下の順番でリストを作ろうとしています。

1.外部にデータを作成
2.アプリ起動時にindexedDBでテーブルを作成し、外部データを格納
3.ページ読み込み時、indexedDBからデータを変数に格納し、$scopeへ引き渡す
4.ng-repeatにてリストを作成

3の別関数を呼び出しているため、$applyを使っているのですが、リストが反映されません。

この関数はちゃんと動きます。
(3秒後にリストが表示されます)

setTimeout(function () {
    $scope.$apply(function() {
        $scope.items = [~~];
    });
}, 3000);

getDataを使い、外部からデータを持ってくる過程を挟むと、動かなくなります。
ただし、ログは正常に変数の情報が出てきます。

setTimeout(function () {
    $scope.$apply(function() {
        getData()
            .then(function(value) {
                $scope.items = value;
                console.log(value);
            });
    });
}, 3000);

途中で関数を呼び出していることが原因なんでしょうが、どうして駄目なんでしょうか?
又、ほかの何かいい方法はないのでしょうか?

よろしくお願いします。

0

1 件の回答 1

3

thenに渡している関数は非同期で呼ばれるので、そのタイミングで$scope.$applyしても無駄です。
$scope.$applyはthen内で呼ぶ必要があります。

setTimeout(function () {
    getData().then(function(value) {
        $scope.$apply(function() {
            $scope.items = value;
            console.log(value);
        });
    });
}, 3000);
3
  • なるほど、場所が悪かったんですね。
    – CoolPon
    Commented 2017年1月1日 14:10
  • 指摘された通り修正したら無事動きました。ありがとうございました。
    – CoolPon
    Commented 2017年1月1日 14:12
  • @CoolPon 解決したようでしたら解決した回答の承認を行ってください。
    – user10259
    Commented 2017年2月3日 7:32

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。