Question

您好，我使用的是角度版本6，当我尝试在这种情况下查找html元素时，是h1角度query函数返回零元素时，我使用了此辅助函数来找到h1在div父级的h1元素中。有关更多信息，我在这里使用Angular动画，并且为此分区选择了@todoAnimation触发器，谢谢大家，您可以在下面看到我的一些代码

todos.component.ts

@Component({
selector: 'todos',
templateUrl: './todos.component.html',
styleUrls: ['./todos.component.css'],
animations: [
    trigger('todoAnimation', [
        transition(':enter', [
            query('h1', [
                style({transform: 'translateY(-20px)'}),
            ])
        ])
    ]),

    trigger('todoAnimation', [
        transition(':enter', [
            useAnimation(fadeInAnimation, {
                params: {
                    duration: '500ms'
                }
            })
        ]),
        transition(':leave', [
            style({backgroundColor: 'red'}),
            animate(1000),
            useAnimation(bounceOutLeftAnimation)
        ])
    ])
]
})

todos.component.html

<div @todoAnimation>
<h1>Todos</h1>

<input #itemInput
       class="form-control"
       (keyup.enter)="addItem(itemInput)">

<div *ngIf="items" class="list-group" >
    <button type="button"
            @todoAnimation
            (@todoAnimation.start)="animationStarted($event)"
            (@todoAnimation.done)="animationDone($event)"
            *ngFor="let item of items"
            (click)="removeItem(item)"
            class="list-group-item"
    >{{ item }}</button>
</div>

为什么Angular查询功能返回零元素

0 个答案: