Как объединить две строки в JavaScript?

Question

Я хочу объединить две строки в угловых 7.

функция:

getEmployment(id: number): Observable<Employment> {
    const url = '${this.EmploymentUrl}/${id}';
    return this.http.get<Employment>(url).pipe(
      tap(_ => this.log('fetched employment id=${id}')),
      catchError(this.handleError<Employment>('getEmployment id=${id}'))
    );
  }

Однако, когда я проверяю элемент в моем веб-браузере, он показывает, что {id} ненайдено.

Если я заменим вторую строку на следующую, она будет работать нормально.

const url = this.EmploymentUrl + '/' + id;

После долгих поисков я не могу понять, почему первый метод не работает,Почему это не работает и в чем разница между этими двумя методами?

Answer 1

Или вы можете просто выполнить простую строку, например

const url:string = this.Employment+'/'+id; // id will be converted into a string

Answer 2

Поскольку вы используете кавычку (') вместо backtick (`)

getEmployment(id: number): Observable<Employment> {
    const url = `${this.EmploymentUrl}/${id}`;
    return this.http.get<Employment>(url).pipe(
      tap(_ => this.log('fetched employment id=${id}')),
      catchError(this.handleError<Employment>('getEmployment id=${id}'))
    );
  }

Answer 3

Ответ был прост: мне нужно использовать рюкзаки (`) вместо одинарных кавычек (')

Вроде так:

 const url = `${this.EmploymentUrl}/${id}`;

Answer 4

Вы должны использовать `` вместо кавычек.больше информации здесь https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

getEmployment(id: number): Observable<Employment> {
        const url = `${this.EmploymentUrl}/${id}`;
        return this.http.get<Employment>(url).pipe(
          tap(_ => this.log(`fetched employment id=${id}`)),
          catchError(this.handleError<Employment>(`getEmployment id=${id}`))
        );
      }