я могу сделать телефонный кликабельным таким способом:Марка Номер телефона кликабельны в угловой
<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&daddr={{e.GoogleParams}}" target="_blank"> {{e.Address1}}</a><br />
<span class="shiftAdd padding"><a href="https://maps.google.com?saddr=Current+Location&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>
<nav class="visible-xs hidden-md hidden-lg" ng-show="ShowResults">
<hr /><uib-pager ng-model="currentPage" total-items="resultsCount"> </uib-pager></nav>
Update 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>
Не уверен, почему он не работает
Любая помощь пустошь быть оценена, благодаря
{{e.Phone | PhoneNumber}}. После этого зависит то, что возвращает ваш набор данных. –
Я попробовал то, что вы сделали, и цифры можно щелкнуть. Однако ничего не происходит, а это означает, что телефон не отображается и отображает номера нажатых –