以下是一个使用Angular 6实现的示例代码,当选择一个姓名时,动态显示相应的div:
app.component.html:
Hello John!
Hello Jane!
Hello Bob!
app.component.ts:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
selectedName: string;
names: string[] = ['John', 'Jane', 'Bob'];
}
在这个示例中,我们使用了Angular的双向数据绑定来绑定select元素的值到selectedName变量。然后,我们使用ngIf指令来根据selectedName的值来动态显示不同的div。当选中的姓名改变时,相应的div会自动更新显示或隐藏。
请注意,这只是一个简单的示例,你可以根据你的实际需求进行修改和扩展。