javascript - Angular2 同级元素选择器

Question

我想隐藏所有之前的元素，即 .map-page 元素之前。

我正在加载 ionic 应用程序，如果在 dom 上检测到 .map-page，我需要隐藏以前的页面。

在 jQuery 中，这非常简单 $('.map-page').siblings().hide()，但在 Angular 2 中..我不确定要使用哪些函数去做。

Answer 1

由于您正在以 Angular 遍历 dom，因此建议您使用指令。在您的指令中，您可以访问 $element

例如:

app.directive('hide-siblings', function() {
    return {
        link: function($scope, $element, $attrs) {
                $element.siblings().hide()
        },
    }
});

编辑:只有当你有jquery时，这才可能是最好的方法。最好将此指令添加到所有元素并使用:

app.directive('hide-siblings', function() {
    return {
        link: function($scope, $element, $attrs) {
            if(!$element.hasClass('map-page'))
                $element.hide()

        },
    }
});