2017-09-12 4 views
0

私のタグにURLを分割しようとしています。Ionic:<a>タグを分割するwindow.open urlにデータを含める

Ionicの私のtemplates.htmlファイルの中に、私は外部的にTwitterとFacebookにリンクしています。

私はCordova InAppBrowserを使用しています。短いストーリーを短くするために、TwitterとFacebookのリンクが正しいアプリ/システムブラウザで開かれています...しかし、私が使用できるデータを含める方法はわかりません簡単なバージョン。

使用:それは正しく開きますが、ために正しいデータを継承していない

<a class="twitter" onClick="window.open('https://twitter.com/intent/tweet?text={{offer.title}}%20-%20{{offer.business.data.name}}%20-%20via%[email protected]','_system','location=yes');return false;"><i>&#xE12f;</i> Twitter</a> 

{{offer.title}}と{{offer.business.data.name}} - 私は方法が必要ですこれを含めるために。

使用: - :

<a class="twitter" href="https://twitter.com/intent/tweet?text={{offer.title}}%20-%20{{offer.business.data.name}}%20-%20via%[email protected]" target="_system"><i>&#xE12f;</i> Twitter</a> 

それは、URLに正しいデータをロードしますが、問題の詳細ですそのすべてで正常に開きませんが、簡単な操作を行うための方法がなければなりません

'url.com/' + {{offer.title}} + '/something' 

などですか?

+0

あなたは 'NG-click'とあなたのコントローラ内の関数を使用する必要があります。 – Claies

+0

ああ、私はcontrollers.jsファイルで演奏していましたが、これを処理するために$範囲を追加しましたが、ng-click = "openTwitter()"を使ってこれを参照する方法はわかりませんでしたopenTwitterが定義されていなかったか、それとも何かに沿って何かが起こっているというエラーが続いていました。 –

+0

このコードを使用して、ここで述べたng-clickを使ってリンクを開くことができますが、** ReferenceError:offerが定義されていません。** '$ scope.openTwitter = function(){ window。 open( 'https://twitter.com/intent/tweet?text=' + offer.title + '%20-%20via%20 @ handle'、 "_system"); } ' –

答えて

0

これを達成する方法はたくさんありますが、Angular.jsでこれを処理する最も効率的な方法はng-clickです。以下のような何か:

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 

    $scope.offer = { 
    title: 'someTitle', 
    business: { 
     data: { 
     name: 'some Business' 
     } 
    } 
    }; 

    $scope.openTwitter = function(offer) { 
    window.open('https://twitter.com/intent/tweet?text=' + 
     offer.title + 
     '%20-%20' + 
     offer.business.data.name + 
     '%20-%20via%[email protected]', '_system', 'location=yes'); 
    } 
}); 

HTML:

<a ng-click="openTwitter(offer)" href="">Open Twitter</a> 

http://plnkr.co/edit/tqQWHc0nlp9Rpo85aSbV

+0

素晴らしい!ありがとうございました!私は、API/DBから正しいデータを継承し、Twitterアプリケーション/システムブラウザで正しく開くことを可能にするために、いくつかの調整を加えてコードを使用しました。ありがとう! –

関連する問題