コントローラーにアクセスできるように、leaflet ディレクティブを必要とするカスタム ディレクティブがあります。
restrict: 'E',
require: '^leaflet',
scope: {
},
template: "",
link: function(scope, element, attrs, controller) {
}
アプリのコントローラーでカスタム ディレクティブを実装せずに使用すると、ng-repeat
正常に動作します。このような:
コントローラの HTML なしng-repeat
<leaflet defaults="defaults" center="center" markers="markers" layers="layers" paths="paths">
<ng-include src="/markers.html" />
<my-directive
waypoints="wps">
</my-directive>
</leaflet>
なしのコントローラーのJSng-repeat
$scope.wps = [[32.745,-117.2776],[32.693,-117.3188]];
ただし、追加しようとするng-repeat
と、次のエラーが発生します。
Error: [$compile:ctreq] http://errors.angularjs.org/1.3.12/$compile/ctreq?p0=leaflet&p1=myDirective
コントローラーの HTMLng-repeat
<leaflet defaults="defaults" center="center" markers="markers" layers="layers" paths="paths">
<ng-include src="/markers.html" />
<my-directive
ng-repeat="(name, data) in routes"
name="{{ name }}"
waypoints="data.wps">
</my-directive>
</leaflet>
コントローラーのJSng-repeat
$scope.routes = {
r1: {
wps: [[32.745,-117.2776],[32.693,-117.3188]]
}
}
私は何を台無しにしましたか?