2016-07-21 7 views
0

私にはアンギュラーモジュールがあります。 そのモジュールでは、私は機能を持つコントローラを持っています。 href clickのポップアップでその関数を実行する必要があります。角。ポップアップウィンドウから角度関数を実行します。

ポップアップコンテンツは当初DOMや角度コンテキストの一部ではないので、生成されたコードでどのように角度関数を実行できるのでしょうか?ここで

は、私がコードにしようとするものである:保持するcodepen

app.controller('AppCtrl', ['$scope', 'myPopup', function($scope, myPopup) { 
... 
var infoWindow = new google.maps.InfoWindow({ 
    content: "<a href='#' onclick='myPopup.show();'>this is my link</a>" 
}); 

は、私はまさにこのコードを実行させることを試みてはいけないということです、私はAからの角度のサービス機能を実行するための方法を検索します"オンザフライ"のHTMLコード(私の場合は動的なポップアップコンテンツ)を生成しました。すべての

+0

独自のカスタムディレクティブを角度で作成することができます。 – neetesh

+0

ディレクティブ内の要素にhtmlを追加し、それと対話するローカル関数を作成する可能性のある複製(http://stackoverflow.com/questions/21452706/append-html-to-an-element-in-directive-and) -make-a-local-function-to-interact-wit) – setec

+0

私の質問は、その指令をオンザフライで生成された要素にどのようにリンクできますか? – Serge

答えて

1

まずここで働いていますcodepen:http://codepen.io/anon/pen/vKRWYy?editors=1010

ので、溶液(。ただ解決策ではない解決策は)windowまたはグローバルスコープにモーダルオープン機能を追加することです。地図をクリックするとその機能が呼び出されます。サイドノートでは

window.showPopup = function(){ 
    myPopup.show(); 
}; 

<a href='#' onclick='showPopup();return false;'>this is my link</a> 

、それは一般的な角度で非角度コードを使用することをお勧めではありません。それは、http://angular-ui.github.io/angular-google-maps/#!/のような角度のGoogleマップの実装を見る価値があるかもしれません。多分?

+0

この回答は質問の作成者に役立ちますが、私はこの解決策を投稿することをお勧めしません。なぜなら、これは回避策であり、後でこの回答を見つける可能性のある他の人が繰り返すべきではないからです。なぜ適切な「角張った」解を掲示しないのですか? – setec

+0

@setec適切な '角張った'は、Googleマップライブラリの周りに角ラッパーを使用することです。どちらも私はリンクを投稿しました。 – Chanthu

+0

ありがとう...しかし、実際には、私の質問はマップに関するものではありません...私はポップアップで生成されたHTMLコードに角度機能をリンクする方法を知りたがります。 – Serge

関連する問題