Question

我目前正在尝试获取元素的高度，我在侧边栏中单击该元素以显示子菜单。我目前有这个代码......

<li (click)="newsExpanded = !newsExpanded; getMargin($event)" style="margin-bottom: 50px;">
    <a>
        <i class="fa fa-newspaper"></i>
            <span>News</span>
            <i class="fa fa-angle-left sidebar__sub_menu_icon"></i>
            <ul class="sidebar__sub_menu" [class.expanded]="newsExpanded">
                 <li>
                     <a>Create New Post</a>
                 </li>
                 <li>
                     <a>View All Posts</a>
                </li>
           </ul>
     </a>
</li>

所以当新闻被展开时，它会添加扩展的类，它只是在子菜单上显示块，这样工作正常但我想在外部li的点击上为内部ul添加一个边距底部。这必须是内部ul的高度。你可以看到我已经完成了一类getMargin，但是，目前这并没有做任何事情，这正是我想要弄清楚的。

任何帮助都将受到赞赏，如果他们是一个更好的方式，那么请告诉我，我是Angular的新手，所以任何反馈，我很感激。

Answer 1

要使用package.json获取点击元素的高度，您应该执行以下操作：

const $ = require('jquery')

$(() => {
  // Do something $('.here')
})

DEMO：https://stackblitz.com/edit/angular-1apnhb

<小时/> 您在此处是clientHeight和offsetHeight的MDN文档。您也可以查看scrollHeight。

Angular 5 |获取元素点击的高度

1 个答案: