window.openが電話呼び出しリンクを開くことができないのはなぜですか？

Question

ここに私の完全なコードがあり、

<div data-ng-repeat="cont in contacts | filter: searchText"> 
<h4 class="contacts" style="border-bottom: none;">{{cont._id}}</h4> 
<ul> 
     <li data-ng-repeat="c in cont.subgroup" class="contacts"> 
     <div class="contact_person"> 
     <img ng-src="https://127.0.0.1/uploads/pp/{{c.empic}}" onerror="this.src='https://hive.robi.com.bd/uploads/logo.png'" /> 
     <div class="contact_info info"> 
      <p class="contInfo">{{c.name}}</p> 
      <p class="contInfo">{{c.contact}}</p> 
      <p class="contInfo">{{c.email}}</p> 
     </div> 
     </div> 
     <div class="call"> 

    <a onclick="window.open('tel:+{{c.contact}}')"><img src="img/call.png"     id="callImg"></a> 

     </div>   
     </li> 
     </ul> 

    </div> 

<a onclick="window.open('tel:+{{c.contact}}')"><img src="img/call.png" id="callImg"></a>では、新しいタブを開き、呼び出しは言う：+ {{c.contact}}しかし、なぜ{{c.contact}}が取得されていません電話番号のような値ですか？

N.B.私は試みたng-click, ng-href, href何も動作しません。

Answer 1

ng-clickを使用してください。ないonclick、角度{{}}構文を使用するには... :-)

すなわち：（マーティンの答え@からなど）

<a ng-click="window.open('tel:'{{c.contact}})">...</a> 

それとも、まだ良く、ng-href：

<a ng-href="tel:{{c.contact}}">...</a> 

Answer 2

クリック実際の例を見るには、コードスニペットを実行してください。

ng-hrefを使用しないのはなぜですか？

function ContactController() { 
 
    this.contact = "+1-312-555-0963"; 
 
} 
 

 
angular.module('app', []).controller('ContactController', ContactController);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ContactController as c"> 
 
    
 
    <a ng-href="tel:{{c.contact}}"> 
 
     <img src="img/call.png" alt="Dial {{c.contact}}" /> 
 
    </a> 
 
    
 
</div>

お使いのモバイルデバイスのブラウザでは、リンクのプロトコルがtel:であることを確認し、提供する電話番号にダイヤラアプリケーションを開きます。

Answer 3

私は私の質問でng-href, ng-clickを試してみました。はいng-hrefは正しいですが、問題が他のものであることがわかりました。

は、私が追加した後に、この問題が修正しまったので|tel|は、欠落していたことがわかっ$compileProviderで

.config(function($provide, $stateProvider, $urlRouterProvider, $httpProvider, $ionicConfigProvider, $compileProvider) { 

$compileProvider.aHrefSanitizationWhitelist(/^\s*(http?|ftp|mailto|file|tel|ghttps?|ms-appx|x-wmapp0):/); 
    .... 
    .... 
    // more codes 
} 

私のコントローラ内のコードスニペットがありました。