Ng-repeat, causing the error "Error: 10 $ digest ()). Aborting! When transferring the scope to the directive directive

Edited: after some tips, I returned to the old version of how I need an angular descriptor and a leaflet, a link to fiddler , but still does not work,

Explanation: It worked with the angular -leaflet directive, but this directive has very poor performance in firefox, for comparison selflet.js is very good, so I thought that I would try to make a small directive myself, maybe someone has some kind of Tips, what's wrong and how to fix it?

Link to violinist:

fiddler

I try to pass the result from ng-repeat to the leaflet directive, but when I do this, angular start "Error: 10 $ digest () iterations are reached. Aborting !, there is no problem when I only pass data to the directive. I tried a few things, but without result. I don’t even see markers. If the problem is in the directive?

 <body ng-app="directoryAppMap">
<div ng-controller="DirectoryMapListController">
    <input ng-model="search" placeholder="Name" />
    <table id="table">
        <thead>
            <tr>
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="hf in FilteredGeojson = (data | filter:search)">
                <td>{{ hf.properties.name }}</td>
                <td>{{ hf.geometry.coordinates }}</td>
            </tr>
        </tbody>
    </table>
    <div leaflet-directive id="map" data="FilteredGeojson"></div>
0
source share

All Articles