私はの要素についてAngular Google Mapsというプラグインについて質問があります。 Windows要素のドキュメントのサンプルソースコードでは、<ui-gmap-windows>
要素の<div>
にはng-non-bindable
という属性が使用されています。明らかに、角度バインディングがページ上で正しくレンダリングされるためには、これが必要です。特に、official Angular documentation on ng-non-bindableは、注釈付きHTML要素内の角度リテラルがAngularで解析されないことを明確にしているため、この属性が必要な理由については疑問があります。属性としてng-non-bindable
なければAngular Google Mapsの<ui-gmap-windows>要素にng-non-bindableが必要ですか?
<ui-gmap-markers models="markers" coords="'self'">
<ui-gmap-windows>
<div>{{name}}: {{description}}</div>
</ui-gmap-windows>
</ui-gmap-markers>
:説明するために
、これは私のHTMLのコードのスニペット部分(このウィンドウ要素のスコープ内の属性モデルは、名前と説明フィールドを持っていると仮定)であります<div>
(またはdivなし)に設定すると、モデルの値はこれらの角度リテラルにバインドされません。コロンだけがウィンドウ内にレンダリングされます(":"のように)。しかし、私は属性に入れたら:
<ui-gmap-markers models="markers" coords="'self'">
<ui-gmap-windows>
<div ng-non-bindable>{{name}}: {{description}}</div>
</ui-gmap-windows>
</ui-gmap-markers>
をし、ウィンドウのテキストが正しくレンダリングされます。 のようになります。「場所1:場所1です。」
ここでもまた、ng-non-bindableがなぜ必要なのか不思議です。これはAngularライブラリを理解するのに大いに役立ちます。おそらく、Angularは全体としてはより良いでしょう。
凄い、説明のためにありがとう。 – ecbrodie
' 'を使用している場合は、ウィンドウをアクティブマーカーにどのように結び付けますか? –
@Derek朕會功夫はマーカーにハンドラーを添付し、マーカーの変更に基づいてウィンドウがバインドされているオブジェクトを変更します。 – Myles