Из моего веб-API я вижу, что есть форматирование для разрывов строк и т. д., Как показано ниже:
address: "11 Ingle Park Way↵LONDON↵NN15 1GN↵United Kingdom"
Я хочу знать, как связать данные с моим представлением с помощью этого форматирования. Пока делаю:
<span class = "text-gray">{{receivedRequest.address}}</span>
TS-файл
receivedRequest: any;
constructor(private service: nowService,
private appComponent: AppComponent,
private userService: UserService,
private router: Router,
private http: HttpClient,
private route: ActivatedRoute
) {
this.receivedRequest = { number: '', opened_at: '', description: '', short_description: '', "c_i.serial_number" : "value" }; this.receivedLocation = { city: null, country: null }
}
private getRequest() {
this.service.getServiceRequest(this.s_id, this.c_id).subscribe((data) => {
this.loading = true;
console.info('Result - ', data);
console.info('service data is received');
this.loading = true;
this.receivedRequest = data.result;
this.loading = false;
})
}
.сервисный файл
getServiceRequest(s_id, cId): Observable<any> {
return this.http.get<any>(this.servicenowApiUrl + "/" + s_id + "?c_id = " + cId)
.pipe(
catchError(this.handleError)
);
}
хорошо, но нужна ли для этого дополнительная реализация во внешнем интерфейсе?
Если вы не хотите делать это на стороне сервера, но это, вероятно, сделает его менее полезным для любых клиентов, не основанных на HTML.
Так что все нужно сначала изменить на стороне API, верно?
Нет, я говорю, что вы, вероятно, не должен делаете это на стороне сервера.
Итак, если это поступает из API, как мне добавить теги <br>, поскольку эти данные поступают как один элемент, т.е. address
Почему не пре-тег?
@Алессандро каким образом и как? можешь уточнить?
Попробуйте заменить тег span на тег pre
Это сработало, Алессандро, можете ли вы добавить в качестве ответа, и я могу принять
Как вы можете прочитать здесь
The HTML pre element represents preformatted text which is to be presented exactly as written in the HTML file. The text is typically rendered using a non-proportional ("monospace") font. Whitespace inside this element is displayed as written.
Как вы можете найти ниже, вы можете заменить свой тег span
на тег pre
.
<pre class = "text-gray">{{receivedRequest.address}}</pre>
и сохраните существующий формат вашего текста без изменения конечной точки API.
Всего наилучшего
Вам нужно заменить разрывы текстовых строк фактическими элементами
<br>
, иначе они будут отображаться в одиночные пробелы, как практически все другие пробелы в HTML.