传单地图不显示路径

Question

我正在尝试使用Angular的Leaflet的基本功能。我有以下html片段：

在控制器中，我完成了以下操作：

$scope.markers = [
                 {
                    lat: 52.5,
                    lng: 0,
                    focus: true,
                    //message: "Hey, drag me if you want",
                    title: "Marker",
                    draggable: true,
                    label: {
                        message: "Hey, drag me if you want",
                        options: {
                            noHide: true
                        }
                    }
                },
                {
                    lat: 51,
                    lng: 0,
                    focus: true,
                    title: "Marker",
                    draggable: true,
                    label: {
                        message: "Hey, drag me if you want",
                        options: {
                            noHide: true
                        }
                    }
                }

            ];
$scope.europeanPaths = {
                p1: {
                    color: 'red',
                    weight: 8,
                    latlngs: [
                        { lat: 51.50, lng: -0.082 },
                        { lat: 48.83, lng: 2.37 },
                        { lat: 41.91, lng: 12.48 }
                    ],
                    message: "<h3>Route from London to Rome</h3><p>Distance: 1862km</p>",
                }
            };
$scope.london = {
                lat: 51.505,
                lng: -0.09,
                zoom: 5
            };

标记很好地显示出来，地图在伦敦上空。但是路径没有显示出来。当我通过“paths”指令调试时，我发现一个带有路径坐标的图层被添加到地图中。

我是Angular的新手，因此试图理解幕后的工作原理。 TIA。

（我正在努力创造一个小提琴！）