OnsenUIバージョン1のons-buttonでstartSpinner（）を正しく呼び出すにはどうすればよいですか？

Question

私はONS-button要素

<ons-button modifier="large--cta" ng-click="login($event, input.email, input.password)">Log In</ons-button>

と示すために、ボタンのスピナーを開始するOnsenUIのアドオンボタンのstartSpinner（）メソッドを使用しようとしている機能（ログイン）を持っていますアプリがリクエストに応じて作業していることをユーザーに伝えます。

私は以下のことをうまくやってみました。これらの関数はコンソールごとに定義されていません。私はクリックしてNGを経由して呼び出された関数からボタンのスピナーを開始して行くにはどうすればよい

event.currentTarget.startSpinner()

event.target.startSpinner()

startSpinner(event.currentTarget)

？あなたがする必要がどのような

Answer 1

は、次のようにサービスを定義するには、まず次のとおりです。

app.factory('service', ['$rootScope', function($rootScope) { 
    return { 
    showSpinnerAuto : function() { 
     modal.show(); 
     setTimeout('modal.hide()', 10000); 
    }, 
    showSpinnerTimer : function(timer) { 
     modal.show(); 
     setTimeout('modal.hide()', timer); 
    }, 
    showSpinner : function() { 
     modal.show(); 
    }, 
    hideSpinner : function() { 
     modal.hide(); 
    } 
    }; 

}]); 

あなたはまた、次のようにあなたのビューでスピナーモデルを定義する必要があります。

<ons-modal var="modal"> 
    <i class="fa fa-spinner fa-spin fa-pulse"></i> 
    <br><br>loading... 
</ons-modal> 

そして最後に、することができます次のようにコントローラーのshow/hide Spinnerを呼び出します。

app.controller('Controller', ['$rootScope', '$scope', 'service', function($rootScope, $scope, service) { 
    service.showSpinner(); //show 
    service.hideSpinner(); //hide 
    service.showSpinnerAuto(); //show and then hide automatically 
}]); 

このヘルプをお寄せください。