angularjs - Angular Google マップを使用してマーカーにクリック可能なウィンドウを実装するにはどうすればよいですか?

Question

私はこれをあらゆる方法で試しましたが、まだ運がありません。ご容赦ください。私は本業のデザイナーです。

これまでのところ、プランカーを作成しました。

Angular Google マップを使用して、マーカーを出力したい地図を作成しています。そのうちの 1 つをクリックすると、その情報ウィンドウが開きます。各情報ウィンドウ内に、ボタン、リンク、マーチング バンドなどのインタラクティブなコンテンツを配置したいと考えています。

私の問題は多面的です：

1. 情報ウィンドウ html をタグ内に配置すると、ng-non-bindable が親に配置されない限り、変数は表示されません。ただし、コンテンツはインタラクティブにしたい。私のコードでわかるように、ボタンは何もしません。

   <ui-gmap-windows show="show">
       <div class="markerwindow" ng-non-bindable>
           <h1>{{ title }}</h1>
           <p>{{ message }}</p>
           <footer>
               <a href="http://foo-bar.com">Google</a>
               <button click="buttonClick(id)">Button</button>
           </footer>
       </div>
   </ui-gmap-windows>
   

2. テンプレートを別のファイルに分割することはできません [情報ウィンドウがかなり重要になると思います] で templateUrl を使用すると、このエラーが発生しません:

   「ハンドルされていない可能性のあるエラー: チャンク イテレータ内のエラー: エラー: [jqLit​​e:nosel] セレクターを介した要素の検索は、jqLit​​e ではサポートされていません!」

   <ui-gmap-windows show="show" templateUrl="templates/window.html">
   </ui-gmap-windows>
   

3. 最後に、ドキュメンテーションを読んでいるときに、私はときどき独り泣きします...

誰かが私のアプローチの問題を特定するのを手伝ってくれますか? 現時点では、この障害を乗り越える方法を見つけるのに本当に苦労しているので、ほんの少しでも助けていただければ幸いです.

前もって感謝します。