2016-08-22 10 views
0

で電話番号をクリック可能にします:は、私は、このように携帯電話のクリッカブルを作ることができる午前角度

<a href="tel:+1-800-555-5555">Call 1-800-555-5555</a> 

はしかし、私は、データベースから奪った電話番号にと私はそれを次のようにする方法を確認していません電話クリッカブルをつかんされています

<strong>Phone:</strong> <i class="glyphicon glyphicon-earphone"></i> {{e.Phone | PhoneNumber}} 

UPDATE

<div> 
<nav class="hidden-xs visible-md visible-lg" ng-show="ShowResults"><uib-pagination boundary-links="true" max-size="maxPageNumbersToShow" ng-model="currentPage" total-items="resultsCount"> </uib-pagination></nav> 

<nav class="visible-xs hidden-md hidden-lg" ng-show="ShowResults"><uib-pager ng-model="currentPage" total-items="resultsCount"> </uib-pager></nav> 

<div class="container"> 
    <div id="searchResults" ng-repeat="e in providers" ng-show="ShowResults"> 
     <div class="row"> 
      <hr /> 
      <h4>{{e.FullName}}</h4> 
     </div> 

     <div class="row"> 
      <div class="col-md-4 no-margin padding"><strong>Specialty: </strong>{{e.Specialty}}<br /> 
       <span class="padding"><strong>Gender:</strong> {{e.Gender}}</span><br /> 
       <strong>Language(s):</strong> {{e.Languages}}</div> 

      <div class="col-md-4 no-margin"><strong>Clinic: </strong> <i class="glyphicon glyphicon-map-marker"></i> <a href="https://maps.google.com?saddr=Current+Location&amp;daddr={{e.GoogleParams}}" target="_blank"> {{e.Address1}}</a><br /> 
       <span class="shiftAdd padding"><a href="https://maps.google.com?saddr=Current+Location&amp;daddr={{e.GoogleParams}}" target="_blank">{{e.Address2}}</a> </span><br /> 
       <strong>Phone:</strong> <i class="glyphicon glyphicon-earphone"></i> <a href={{e.Phone}}></a></div> 
     </div> 
    </div> 
</div> 
&nbsp; 

<nav class="visible-xs hidden-md hidden-lg" ng-show="ShowResults"> 
    <hr /><uib-pager ng-model="currentPage" total-items="resultsCount"> </uib-pager></nav> 

アップデート2

ここでは、私は電話番号をクリック可能にするかどうかを判断するためにやったことです:

var probablyPhone = ((/iphone|android|ie|blackberry|fennec/).test(navigator.userAgent.toLowerCase()) && 'ontouchstart' in document.documentElement); 

    function initialize() { 
     (function($) { 
      $('.call').css("text-decoration", "none"); 
      $('.call').css("color", "black"); 
      $('.call').css("cursor", "default"); 
     })(jQuery); 
    } 

とどのようなタグに追加されます。

<a href={{'tel:'+e.Phone}} onclick="return probablyPhone;">{{e.Phone | PhoneNumber}}</a> 

なぜそれが働いていないのかわからない

すべてのヘルプのウォールドが理解される、感謝

+0

{{e.Phone | PhoneNumber}}を試してみてください。その後、あなたのデータセットが返すものに依存します。 –

+0

私はあなたがしたことを試して、数字はクリック可能です。しかし、電話が表示されず、数字が –

答えて

2

<a href={{'tel:'+e.Phone}}>{{e.Phone | PhoneNumber}}</a> 
+0

@ Lukaszになっていることを示す何も起こりません、私は$ document.ready()....の範囲を追加しますか? –

+0

多分これが助けになるでしょう:http://jsfiddle.net/jzqocdn1/ –

+0

@ Lukaszまた、decoratePhoneNumberは番号が表示されるのを防ぎ、リンクをありがとう、私はそれを見ていきます –

関連する問題