要在Angular 7下拉列表中选择数组的最后一项,在Material表格数据源中,可以使用以下代码示例来解决问题:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
data = [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
];
lastItem: any;
}
Items
{{ item.name }}
Name
{{ item.name }}
ngAfterViewInit钩子来设置最后一项的初始值:import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
export class ExampleComponent implements AfterViewInit {
// ...
@ViewChild('select') select: ElementRef;
ngAfterViewInit() {
this.lastItem = this.data[this.data.length - 1];
this.select.nativeElement.value = this.lastItem;
}
}
通过以上步骤,你可以在Angular 7下拉列表中选择数组的最后一项,并在Material表格数据源中显示出来。