如何使用Angular-Leaflet-Directive和自定义过滤器过滤标记

时间:2016-06-14 14:51:31

标签: angularjs leaflet angular-leaflet-directive

我正在使用Angular-Leaflet指令并试图找出如何使用输入文本框中的数据和标记对象的data属性来过滤标记。我尝试的一切都会产生一个角度无限的消化循环。

这是我到目前为止所做的:

var app = angular.module('mapApp', ['leaflet-directive']);

//Filter
$scope.filterTerm;

//Controller
    app.controller("mapController", ['$scope', function ($scope) {

        $scope.center = {
            lat: 53.4239,
            lng: -7.9407,
            zoom: 7
        };
        //declare sample points
        $scope.samplePoints = [
              {
                  lat: 53.37,
                  lng: -9.48,
                  data : 'K',
                  hidden: true
              },
            {
                lat: 54.2314131,
                lng: -8.5744558,
                data: 'L',
                hidden: true
            }
        ];

    }]);

和html

 <input type="text" ng-model="filterTerm" />

 <leaflet center="center" markers="markers| markers="markers | filter: filterTerm " style="height: 900px;"></leaflet>

我已经使用了this Stack Overflow答案,并且已经尝试了几个小时,但我尝试的所有内容都会出现同样的错误。非常感谢。

1 个答案:

答案 0 :(得分:0)

这是一个Visual Studio 2013问题 - 我执行了全新的Visual Studio 2013安装并解决了问题。