在Angular 6中,你可以使用ngModel和ngIf指令来实现在同一页上显示与选择的下拉项相关的信息。
首先,在你的组件模板中,你需要创建一个下拉选项列表并使用ngModel指令来绑定选择的项:
在组件类中,你需要定义一个items数组来存储下拉选项,并创建一个selectedItem变量来存储选择的项:
export class YourComponent {
items = ['Item 1', 'Item 2', 'Item 3'];
selectedItem: string;
}
接下来,你可以使用ngIf指令来根据选择的项显示相关的信息:
Selected Item: {{selectedItem}}
在这个示例中,当selectedItem有值时,将显示一个标题和其他相关信息。
注意:在使用ngModel之前,需要在你的组件模块中导入FormsModule,以便使用ngModel指令。
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
],
// 其他配置
})
export class YourModule { }
这就是在Angular 6中在同一页上显示有关选择的下拉项的信息的解决方法。你可以根据你的需求进行调整和扩展。