Как вернуть несколько значений в угловых 2?

Question

Вот мой код.Я хочу вернуть несколько значений, имя и отчество отдельно.Как я могу это сделать?В коде, я пытался вернуть его в виде строки, но не работает

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  pageheader : string = 'text';
  imagepath : string = 'https://3wga6448744j404mpt11pbx4-wpengine.netdna-ssl.com/wp-content/uploads/2018/11/Treehouse-Logo-Green-Large.png';
  firstname : string ='Tom';
  secondname : string =' Hopkins';
  getfullName(): string 
  {
      return this.firstname;
      return this.secondname



}

Answer 1

Если вы хотите полное имя с вашим getFullName(), просто используйте как ...

getfullName() {
  return `${this.firstname} ${this.secondname}`
}

Answer 2

Функция Javascript возвращает одно значение, поэтому в этом случае вы можете вернуть объект, массив, строковое значение

Объект

getfullName() {
      return {firstName: this.firstname, lastName: this.secondname}
}

Массив

getfullName() {
      return [this.firstname,this.secondname];
}

строка

getfullName() {
      return `${this.firstname} ${this.secondname}`;
}

Другим способом можно создать функцию, которая будет возвращать разные имена при каждом вызове, на основе массива

Компонент

  selectedName ='';
  names = ['Tom','Hopkins','Other'];
  index =-1;
  getNames () {
      this.index++;
      if (!this.names[this.index]){
        this.index  = 0
      }
    return this.names[this.index];
  }

  setSelectedName(){
    this.selectedName = this.getNames();
  }

Шаблон

<button (click)="setSelectedName()">Get Name</button> {{selectedName}}

демонстрация stackblitz

Answer 3

Вы не можете добавить несколько операторов return в одном блоке, вместо этого вы можете вернуть объект, имеющий оба значения, и использовать его где угодно, например -

getfullName() {
      return {firstName: this.firstname, lastName: this.secondname}
}