在angular2中显示和隐藏div时移到顶部

在Angular 2中，要实现显示和隐藏div并将其移动到顶部，可以使用ngIf指令和CSS样式来实现。

首先，在组件的HTML模板中，使用ngIf指令来控制div的显示和隐藏。ngIf指令根据给定的条件来决定是否渲染该元素。例如，可以使用一个布尔类型的变量来控制div的显示和隐藏。

<div *ngIf="showDiv" class="my-div">
  <!-- div的内容 -->
</div>

在组件的Typescript代码中，需要定义一个布尔类型的变量来控制div的显示和隐藏，并提供相应的方法来改变这个变量的值。

export class MyComponent {
  showDiv: boolean = false;

  toggleDiv() {
    this.showDiv = !this.showDiv;
  }
}

接下来，可以使用CSS样式来将div移动到顶部。可以使用position属性将div定位为相对或绝对定位，并使用top属性将其移动到顶部。

.my-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

这样，当showDiv变量为true时，div会显示并移动到顶部；当showDiv变量为false时，div会隐藏。

关于Angular 2的更多信息和相关产品，你可以参考腾讯云的官方文档和产品介绍页面：

• Angular 2官方文档：https://angular.io/docs
• 腾讯云云计算产品：https://cloud.tencent.com/product

请注意，本答案没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，如有需要，请自行搜索相关信息。