相关疑难解决方法(0)

如何绑定到 Angular2 中 li 标签的 keydown 事件?

使用(click)="onSelect(hero),我可以绑定到li标签的点击事件。我也可以绑定到标签mouseover事件li。但我无法绑定到标签keydown事件lili标签支持click,mouseover,keydown属性,所以我想我可以使用keydown事件(向下箭头)导航到此列表框中的下一项。

我在哪里可以找到官方文档?

    <div class = "body-container">
        <ul class = "heroes">
            <li *ngFor = "let hero of heroes" (click)="onSelect(hero)" (keydown)="onKeydown()" (mouseover)="onKeydown()" class="bl-list-item" [class.bl-list-item-checked]="hero === selectedHero">
                <div class="guide-label">
                    <span style="width:50px" [class.fa-check]="hero === selectedHero" [class.li-fa-check]="hero === selectedHero"></span>
                    <div class="guide-code-column">{{hero.id}}</div>
                    <div class="guide-name-column">{{hero.name}}</div>
                </div>
            </li>
        </ul>
    </div>

    export class SearchComponent {
        heroes: Hero[] = [];
        selectedHero: Hero;

        constructor(private heroService: HeroService) { }

        ngOnInit(): void {
            this.heroService.getHeroes()
            .then(heroes …
Run Code Online (Sandbox Code Playgroud)

angular

4
推荐指数
1
解决办法
7829
查看次数

标签 统计

angular ×1