ng-repeat вызывает "Ошибка: достигнуто 10 итераций $ digest (). Прерывание! при передаче контекста в директиву листовки

Отредактировано: после некоторых советов я вернулся к старой версии, как я хотел обрабатывать угловые и листовки, ссылку наобманщик но все еще не работает,

Объяснение: Это работало с директивой angular-leaflet, но эта директива очень плохо работает на firefox, сравнивать leaflet.js self очень хорошо, поэтому я подумал, что попробую сделать небольшую директиву самостоятельно, возможно, у кого-то есть советы что не так и как это исправить?

Ссылка на скрипач:

обманщик

Я пытаюсь передать результат из ng-repeat в директиву листовки, но когда я это делаю, угловой запуск "Ошибка: 10 $ digest () итераций достигнуто. Прерывание! Нет проблем, когда я передаю только данные в директиву. Я пробовал мало вещи, но без результата. Я даже не вижу маркеров. Если проблема в директиве?

 <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>