2017-03-12 5 views
0

私は初心者ですし、このコードを継承しています。 Callボタンをクリックすると、checkPhoneError()は呼び出されません。ここには何が欠けていますか?ありがとうng-click = checkPhoneError()が呼び出されない

<ion-nav-title>Status: {{name}} 
     <a href="{{::getPhoneNumber()}}" class="blue" ng-show="::showCallButton"> 
      <div id="callArea" 
       class="button" 
       ng-class="::getCallButtonColor()"> 
       Call 
      </div> 
     </a> 
     <div id="buttonOverlay" ng-click="checkPhoneError()"></div> 
    </ion-nav-title> 

これはコントローラコードです。通話ボタンがクリックされたときに、私はこのfuncitonを破ることを望む:

$scope.checkPhoneError = function() { 
     if (phoneNumberError) { 
     displayError(); 
     $fileLogger.log("error", "There is no phone number for " + analysis.name); 
     } 
     else if ($scope.alertLevel != '') { 
     PaymentService.call(analysis.name, $scope.alertLevel); 
     } 
    }; 

申し訳ありませんが、私はあまりにもこれを追加している必要があり、私は人々が完全なコンテキストを取得するためのすべてが必要だったものを実現していませんでした。ここに、CSSファイルからのボタンのサイズがあります。はい、私はクリックすることができ、コントロールは電話に行き、私は電話をかけることができます。私が望むのは、電話があったことを知ることです。ところで、このコルドバ/イオンアプリはAndroid携帯電話上で動作している:

#buttonOverlay { 
    position: absolute; 
    height: 100%; 
    width: 60px; 
    right: 0; 
    top: 0; 
    padding-top: 3px; 
    opacity: 0; 
} 

私はGoogleで検索して、いくつかのヒントを得て、これを試してみました。今私は私の機能に侵入することができますが、コールボタンは表示されません:(しかし、私はそこにカーソルがライブになる(手になる)と私はコールを見ることができる場合にのみ、ボタンが。

<ion-nav-title>Status: {{name}} 
    <div id="buttonOverlay" ng-click="checkPhoneError()"> 
     <a href="{{::getPhoneNumber()}}" class="blue" ng-show="::showCallButton"> 
      <div id="callArea" 
       class="button" 
       ng-class="::getCallButtonColor()"> 
       Call 
      </div> 
     </a> 
    </div> 
</ion-nav-title> 

最後に、私はグーグルのおかげで!!ここで作業コードがある解決策を打つ。だから何が起こったことは、タグがリンクを設定し、それが自動的にクリック可能になりますた。デフォルトのNG-クリックだったので私がしなければならなかったすべては自分でデフォルトのクリックNGを上書きすることでした。私のNGクリックをマスキング。

<ion-nav-title>Status: {{name}} 
    <a href="{{::getPhoneNumber()}}" class="blue" ng-click="checkPhoneError()" ng-show="::showCallButton"> 
     <div id="callArea" 
      class="button" 
      ng-class="::getCallButtonColor()"> 
      Call 
     </div> 
    </a> 
    <div id="buttonOverlay" ></div> 
</ion-nav-title> 
+0

あなたのコントローラーはどうですか?コントローラーコードも提供してください。 –

+0

ng-appとng-controllerが適切な場所に記載されていることを確認できますか? –

+0

申し訳ありませんが、私はアプリケーションとコントローラがないという意味を持っていませんでした。しかし、これは99%の作業コードであることが確認できます。私はちょうど呼び出しボタンを追加し、関数checkPhoneError()をクリックするとコントロールを受け取ります。 –

答えて

0

最後に、私はここで働いてタラがある!!解決にGoogleに感謝を打ちますe。だから何が起きているのかは、aタグがリンクを設定し、それを自動的にクリック可能にすることでした。デフォルトのng-clickはng-clickをマスクしていました。私がしなければならなかったのは、デフォルトのng-clickを私自身でオーバーライドすることでした。

<ion-nav-title>Status: {{name}} 
    <a href="{{::getPhoneNumber()}}" class="blue" ng-click="checkPhoneError()" ng-show="::showCallButton"> 
     <div id="callArea" 
      class="button" 
      ng-class="::getCallButtonColor()"> 
      Call 
     </div> 
    </a> 
    <div id="buttonOverlay" ></div> 
</ion-nav-title> 
関連する問題