Question

我有一个简单的手风琴，我想打开一个字段并在点击时关闭所有其他字段，并为每个fealds做这个。我有一系列部分（字段名称）。我需要的是创建函数，一个用于设置activeSection的值，另一个用于返回activeSection的当前值。

<div *ngFor="let section of sections">
    <div class="element-div1" (click)="switchelement()">{{section}}</div>
    <div class="element-box-div" *ngIf="activeSection==section"></div>
</div>

并在组件中：

import { Component, OnInit } from '@angular/core';

@Component( {
    selector: 'element-resources',
    templateUrl: './element-resources.component.html',
    styles: []
} )
export class ElementResourcesComponent implements OnInit {

    sections=["E1", "E2", "E3", "E4", "E5"];

    activeSection = "E3";

    constructor() { }

    ngOnInit() {
    }

    switchelement (section) {
        ;
    }
}

我知道有一个简单的版本可以使用ngIf，但我需要这种方式使用回调函数。如果你能提供帮助，并告诉我应该改变和写作的内容，我将非常感激;）

Answer 1

只需将当前section（当前迭代值）传递给click事件

(click)="switchelement(section)"

然后从activeSection方法将其分配给switchelement。

activeSection: string;

switchelement (section: string) {
    this.activeSection = section;
}

简单的手风琴回调功能

1 个答案: