AngularJSで$ timeoutの中で$ scopeを使う方法は？

Question

私はAngularJSを使ってテキストエリアにデフォルトのメッセージを表示しようとしています。追加しようとしている値の中には、値を取得するために$timeoutを使用する必要があります。 scope.apply機能を探し

<textarea class="text-input referral-message" ng-init="message=buildMessage(purchase_count)" 
       ng-model="message" rows="5"> 
    </textarea> 

---

$timeout(function() { 

    ReferralService.settings().$promise.then(function(settings) { 
     $scope.purchase_count = settings.credits; 
    }); 

    $scope.buildMessage = function(val){ 
     return "Buy " + val + " and get 1 free for every purchase" 
    } 
}, 1); 

Answer 1

と（私は私からこれを書いている。このような何かを試してみてください。

メッセージは、以下のコードを使用してレンダリングしていないようですメモリは、）完全に機能することを期待していない：

ReferralService.settings().$promise.then(function(settings) { 
    $scope.$apply(function(){ 
    $scope.message = "Buy " + settings.credits + " and get 1 free for every purchase"; 
    }); 
}); 

そして：

<textarea class="text-input referral-message" ng-model="message" rows="5"> 
</textarea> 

編集：$タイムアウトが必要でないことを考慮してください。

Edit2：ReferalServiceを工場（angular.service vs angular.factory）として実装してみることをお勧めします。それはあなたのテンプレートにロジックの不必要な量を追加しますので、あなたはあなたのケースでngInitを使用して、データモデル

<textarea class="text-input referral-message" rows="5">{{message}} 
</textarea> 

$timeout(function() { 

ReferralService.settings().$promise.then(function(settings) { 
    $scope.purchase_count = settings.credits; 
    $scope.message = "Buy " + $scope.purchase_count + " and get 1 free for every purchase" 
}); 

}, 1); 

Answer 2

は、良い習慣ではありません。

だけtextareaからng-initを削除し、約束が解決されたとき、あなたのmessage変数を初期化：

ReferralService.settings().$promise.then(function (settings) { 
    $scope.message = buildMessage(settings.credits); 
}); 

function buildMessage(val) { 
    return "Buy " + val + " and get 1 free for every purchase" 
} 

Answer 3

からのコンテンツを表示するには{{}}を使用することができます