0

私はあなたが助けてくれるかどうか疑問に思っていました。httpリクエストを行う前にタイムアウト遅延を設定する以下のコードがあります。時計は入力ボックスにバインドされています。これは現在私のコントローラーにあり、動作します。

    $scope.$watch('query.keyword',function($http){
    var searchInput = document.getElementById('searchInput').value;
    var minLength = 3;
    var req;

    if (timeout) {
        clearTimeout(timeout);
    }

    timeout = setTimeout(function(){
        var newValue = searchInput;
        if(newValue !== null && newValue.length > minLength) {
            window.alert(newValue);
            req = {
                method: 'SET',
                url: ''
            };
        }
    }, 3000);   
    return $http(req);
});

これを、コントローラーにリストするのではなく、呼び出すファクトリー/サービスとして使用したいと考えています。

その後、これを作った...

app.factory('sendSearchData', function($http) {
    var searchInput = document.getElementById('searchInput').value;
    var minLength = 3;
    var req = null;

    if (timeout) {
        clearTimeout(timeout);
    }

    timeout = setTimeout(function(){
        var newValue = searchInput;
        if(newValue !== null && newValue.length > minLength) {
            window.alert(newValue);
            req = {
                method: 'SET',
                url: 'haha.php'
            };
        }
    }, 3000);   
    return function() {
        if($http !== null) {
            return $http(req);
        } else { return 0; }
    };
 });

前のリターンが http null エラーにフラグを立てていたため、リターンが正しいかどうかはわかりません。

それを使用するために、コントローラーで以下のコードのいくつかのバリエーションを作成しました。

$scope.$watch('query.keyword', sendSearchData.success());

しかし、運が悪く、レンダリングを拒否しています。誰でも助けることができますか?

4

0 に答える 0