Question

我对角度很新，我不确定如何解决问题。我想使用angular-google-maps指令在地图上显示标记列表（假设它们用于条形图），并且还有一个列表显示条形图名称和地址。

单击列表项时，我希望它突出显示标记，或者如果突出显示标记，我希望它突出显示列表项。我在Knockout中完成了所有这些工作，但我正在重构为角度，我不确定如何使其正常工作？

有没有人有这种事情的例子，或者可以给我一个正确方向的推动？

感谢安迪

Answer 1

我处理这个问题的方法是保留我在Markers指令中添加的标记列表。然后在列表项的单击事件上，我发现带有id的标记并更改了图标。这是我的方法。（find是一个来自lo-dash的方法._.hasValue是我的应用程序中的一个方法，它基本上扩展了lo-dash来检查null和undefined）：

function highlightMarker(id) {
        if (!$scope.locationMarkers || highlightIcon === null) {
            return;
        }

        if (_.hasValue(highlightedLocation)) {
            highlightedLocation.icon = normalIcon;
            if (highlightedLocation.id === id) {
                highlightedLocation = null;
                return;
            }
        }

        highlightedLocation = _.find($scope.locationMarkers, { 'id': id });

        if (highlightedLocation) {
            highlightedLocation.icon = highlightIcon;
        }

    }

地图标记和列表项的角度绑定

1 个答案: