を発射しませんマウスオーバーは起動しません。 on-mouseoverを使用すると動作しますが、 'loc'に格納されているJSONの角度チョークがあります。これをどうやって解決するのですか?私はどこかコンパイルが必要かどうか疑問に思っていますが、ng-mapをハックしたくないのですが、なぜコンパイルが必要なのかわかりませんが、マーカーディレクティブ内のng-mouseoverがGoogleマップで認識できるイベントに正しくコンパイルされていますか?NG-マウスオーバーは、(angularjsでGoogleマップを実装するための人気NG-マップライブラリを使用して)私はNG-マップを持っている
0
A
答えて
0
私はJSONを補間していない場合は、角度はもはやそれにチョークないので、私は、オンマウスオーバー使用することができ、働く:
<ng-map>
<div ng-repeat="loc in mapsCtrl.locations">
<marker on-mouseover="mapsCtrl.handleMarkerMouseover(loc)"
...
</ng-map>
0
私はすでにあなた自身の質問に答えました知っているが、私はこの同じ問題に苦労しており、いくつかの追加ポイントを持っています!
NgMapライブラリは、Google Maps APIのラッパーに過ぎません。これは、角度ディレクティブではなく、APIで使用されるイベントと同じJavaScriptイベントであることを意味します。
あなたが発見したように、オンマウスオーバーイベントを使用することもできますが、注意しなければならないのは、メソッドに戻される最初のオブジェクトは実際にはイベントそのものです(これは幸いにもマーカーlocation)角度オブジェクトが必要な場合は、実際には2番目の引数になります。お使いのコントローラで
:
vm.positions = [
{pos:[40.71, -74.21], name: "marker 1" },
{pos:[40.72, -74.20], name: "marker 2" },
{pos:[40.73, -74.19], name: "marker 3" },
];
//NOTE THE TWO ARGUMENTS FOR THIS METHOD
vm.myMethod = function (event, angularObj)
{
console.log(event.latLng); //The Event contains the latLng
console.log(angularObj.name)
}
そして、あなたのビューで:
<ng-map zoom="11" center="[40.74, -74.18]">
<marker ng-repeat="p in vm.positions"
position="{{p.pos}}"
/* NOTE THE USE OF ON-CLICK AND THE ANGULAR OBJECT BEING PASSED IN
THAT WILL ACTUALLY BE THE SECOND ARGUMENT FOR THE METHOD IN YOUR CONTROLLER */
on-click="vm.logData(p)"
title="pos: {{p.pos}}"></marker>
</ng-map>
私はここにこれを実証plunk持っている:https://embed.plnkr.co/K5LZyF/
を関連する問題
- 1. Angularjs:私はリストを持ってNGリピート
- 2. は、私は、このNGリピート条件を持ってNGリピート
- 3. AngularJS - ng-repeatのng-clickを実行していない
- 4. NG-マップがUI
- 5. "ng-repeat"繰り返しでAngularJs "ng-style"を使用する
- 6. AngularJS + IE 11 +ポリマー= NG-モデルは、私はNG-モデルを使用してバインド変数を使用してテキスト入力を持って自分のアプリケーション内のディレクティブで
- 7. ng-showとng-hideはng-repeatループでng-clikc機能を持っています
- 8. ng-repeatを使用してAngularJSがng-modelで値を取得できない
- 9. angularjsでng-repeatを使ってmathmlをレンダリングする方法は?
- 10. NG-INIT angularjs私は
- 11. ngのモデルは、私の見るページAngularJSでNG-値で
- 12. CONCATENATE iは、以下のNGリピートを持ってNG-モデルディレクティブ
- 13. ng-repeatでng-ifを使ってdivを追加する
- 14. Googleマップのレンダリング奇妙円は私がangularjs-グーグルマップディレクティブを使用しているマップ
- 15. ng-blurとng-focusを使用するための角ディレクティブ
- 16. angularJs ng-repeatを使ってスクロールバーを追加するには?
- 17. AngularJSの新しいウィンドウでng-hrefまたはng-clickを使用して大きなデータを開く方法
- 18. NG-repatは、私は私のデータをNG-リピートしてみ配列
- 19. AngularJS ng-bindとng-hrefを一緒に使用していますか?
- 20. Ngマップ(角度マップ)が現在動作していません
- 21. AngularJSエラー:ngの:私は、次の3つのangularjsスクリプト持っ
- 22. NG-TranscludeがNG-含ま私はディレクティブのテンプレートproperty.Below内NG-含ん使用するときに機能していないNG-transcludeのサンプルを作成した
- 23. ンマップマーカーアイコンは、この作品NGマップで
- 24. AngularJS ng-repeatでoffsetTopを使用する
- 25. AngularJS - 適用範囲が、私はこのコードスニペット持っNGリピート
- 26. ng-repeat内でng-optionsを使用しています
- 27. AngularJSを使用したスライスng-repeat
- 28. ng-classを使用してインターラストng-repeatを変更する
- 29. ngを使ってng repeatを非表示にする方法
- 30. ng-ifでサービス変数を使用しているAngularJS