0

現在、これを使用して、マップ上にカスタム マーカーを取得しています。

plunkerではエラーなしで動作しましたが、自分のサイトでは動作しませんでした (同じスクリプト src リンクを使用しているにもかかわらず)

自分のページでは ng-repeat は機能しますが、$digest ループについて知らせる 2 つの非常に長いエラーが表示されます エラー

これは私のリストです：

$scope.list = [{ name: 'test', pos: [41, -87] }, { name: 'test2', pos: [40, -86] }];

そして、これはHTMLです：

<ng-map zoom-to-include-markers="auto" style="height:200px;width:400px;">
    <marker ng-repeat="item in list" position="{{item.pos}}"></marker>
</ng-map>

上記はエラーにはなりませんが、

<ng-map zoom-to-include-markers="auto" style="height:200px;width:400px;">
    <custom-marker ng-repeat="item in list" position="{{item.pos}}">
        <div style="background-color:white;border: 1px solid black;">this is a test</div>
    </custom-marker>
</ng-map>

します。また、リストにアイテムを追加するたびに 2 つの余分なエラーが発生しますが、それでも正常に動作します。

plunker では機能するが、自分のサイトでは機能しない理由がわかりません。同じバージョンを使用して、ASP.NET 5 を使用してサービスを提供しています。私自身のサイトでも、ng-animate、ng-resource、および角度に関連しない一連のものを使用していますが、それは問題ではありません。（私は願います）

必要に応じて、私のコントローラーはこれらを使用しています：

function ($scope, $rootScope, restData, NgMap) {

アプリモジュールはこれを使用しています：

var app = angular.module('app', ['ngResource', 'ngMap'])
4

1 に答える 1

0

自分で修正しました。

この質問をする前に、これを使用して問題を解決しようとしましたが、2回目に試したときに機能するため、おそらく一部を忘れていました。

使用する必要があります

$scope.positions = angular.copy(data)

その別の「位置」変数にバインドし、再バインドする場合はそれをコピーします。データ自体のフロントエンドから直接バインドすることはできません。

于 2016-03-07T14:56:39.227 に答える