Ошибка токена Angular

Я получаю это внезапно, и это не позволяет мне правильно использовать мою карту-листовку. Каждый раз, когда я нажимаю на карту, к тем же координатам добавляется маркер. Когда я пытаюсь удалить маркеры с помощью функции, она очищает массив маркеров, однако маркеры все еще видны на карте. Что происходит?

    Error: [$parse:syntax] Syntax Error: Token '.0' is an unexpected token at column 8 of the expression [markers.0] starting at [.0].
http://errors.angularjs.org/1.4.8/$parse/syntax?p0=.0&p1=is%20an%20unexpected%20token&p2=8&p3=markers.0&p4=.0
    at angular.js:68
    at Object.AST.throwError (angular.js:13100)
    at Object.AST.ast (angular.js:12870)
    at Object.ASTCompiler.compile (angular.js:13319)
    at Parser.parse (angular.js:14189)
    at $parse (angular.js:14291)
    at Scope.$watch (angular.js:15482)
    at createMarker (angular-leaflet-directive.js:1016)
    at Object.fn (angular-leaflet-directive.js:795)
    at Scope.$digest (angular.js:15896)

Вот код, если поможет.

Контроллер.js:

$scope.location = {lat: 8.812354, lng: -11.887342};

            $scope.center = {
                lat: 8.812354,
                lng: -11.887342,
                zoom: 8
            };

            $scope.markers = [];
            $scope.markers.push({
                lat: 8.812354,
                lng: -11.667342,
                message: "hehe"
            });

    //This one is added to the array, but doesn't show up in the map
            $scope.markers.push({
                lat: 7.812354,
                lng: -10.667342,
                message: "WOOP"
            });

$scope.$on("leafletDirectiveMap.click", function (event, args) {

            var leafEvent = args.leafletEvent;
            console.log('Ctrl3 adding marker at lat=' + leafEvent.latlng.lat + ', lng=' + leafEvent.latlng.lng);
            $scope.location.lng = leafEvent.latlng.lng;
            $scope.location.lat = leafEvent.latlng.lat;

            $scope.markers.push({
                lat: leafEvent.latlng.lat,
                lng: leafEvent.latlng.lng,
                message: "My Added Marker"
            });
        });

HTML:

<leaflet class="col-md-offset-4 map" defaults="defaults" markers="markers" center="center" layers="layers"></leaflet>

javascript html angularjs leaflet angular-leaflet-directive
person solid_luffy    schedule 24.11.2015    source источник
comment
Некоторый код может помочь   -  person Sterling Archer    schedule 24.11.2015
comment
Добавил немного кода сейчас. Скажи мне, если нужно больше!   -  person solid_luffy    schedule 24.11.2015

Ответы (1)


arrow_upward
1
arrow_downward

Обратите внимание, что $scope.markers должен быть объектом, а не массив. Директива пытается перечислить свойства объекта markers и терпит неудачу с числовыми свойствами, которые имеет массив.

Измените свой $scope.markers на {} и добавьте новые маркеры к объекту по некоторому ключу вместо pushing его в массив, например:

$scope.markers = {};

// ...

var idx = 0;
$scope.$on("leafletDirectiveMap.click", function (event, args) {
    idx += 1;

    $scope.markers['marker' + idx] = {
        // ...
    };
});
person NOtherDev    schedule 24.11.2015