Angular 第4页的默认数据

我在视图中有一个按钮，它有一个从后端检索到的不同名称的下拉列表。我将显示我检索到的默认名称。我在组件中有一个方法，当他们在下拉列表中更改选项时，可以获取数据。我添加了一个单击事件，当下拉列表中的选项更改时，它将检索数据

当我更改下拉列表中的选项时，我能够从getFinalData中获取数据，因为我已经在该下拉列表上单击了事件。但我想在加载初始页面时显示第一项的数据。如何在ngOninit上显示名字的数据

组件技术

ngOnInit（）{
this.getFinalData（this.name）；
}
getnames（）{
this.http.get（“**”）.subscribe（数据=>{}）；
}
getFinalData（名称）{
this.http.get（“**”+“/”+名称）.subscribe（数据=>{
控制台日志（数据）；
});
}

html

---

默认数据保存在哪里？您可以使用“第一个”选项显示ngFor中的第一个项目。像这样：{{（firstData？data.name:''）}我可以在下拉按钮中显示第一项。我想按默认值显示与第一项相关联的数据是来自“getFinalData”的数据吗？我不知道默认数据存储在哪里/如何存储，我从getFinalData获取数据。当我在下拉列表中更改选项时，我能够获取数据，因为我已经点击了该事件。但是我想在初始页面加载时显示第一项的数据，但这不是很清楚。你如何填充你的下拉列表？有没有其他功能可以提供这些信息？现在看来，this.name是在单击下拉列表时设置的，但它似乎也是从同一个调用中填充的，所以我不确定这是如何工作的。你能展示你所有的代码吗？
ngOnInit() {
        this.getNames();
      }

getnames() {
    this.http.get('**')
      .subscribe(namesData => {
      if(this.name==""){
        //assume that this.name is "" or null on init.
          this.getFinalData(namesData[0].name)
          .subscribe(nameInfo=>{})
       }
 });

    getFinalData(name) {
              this.http.get('**' + '/' + name)
              .subscribe(data => {
               console.log(data)
            }

   onSelectClick(name:string){
      this.getFinalData(name)
   }