Question

我正在以角度4构建应用程序。当div聚焦时，我需要调用一个函数。这是我的HTML代码，

<div *ngFor="let post of posts; let i = index" (focus)="loadPosts(i)">
      <mat-card class="post" >
      <mat-card-header>
        <img mat-card-avatar src="assets/images/shiba1.jpg" class="example-header-image">
        <!-- <mat-card-title>sample Inu</mat-card-title>
        <mat-card-subtitle>Dog Breed</mat-card-subtitle> -->
      </mat-card-header>
      <!-- <img mat-card-image src="assets/images/shiba2.jpg"> -->
      <mat-card-content>
        <p>
          {{ post.post }}
        </p>
      </mat-card-content>
      <mat-card-actions>
        <button mat-button>LIKE</button>
        <button mat-button>SHARE</button>
      </mat-card-actions>
    </mat-card>
    </div>

和我的ts文件。

loadPosts(val){
console.log(val);
}

我没有在控制台中获取该索引值。我经常搜索这个焦点事件，现在仍然没有找到解决方案.. 任何人都可以提供解决方案..

Answer 1

在div中无法实现'焦点事件'。但是，这可能会在某种程度上帮助您： -

<div *ngFor="let post of posts; let i = index" (mouseover)="loadPosts(i)">
{{post}}
</div>

Answer 2

div中没有焦点事件。所以你不能这样做。

angular 4-如何在div聚焦时调用方法

2 个答案: