Как я могу показать сообщение об ошибке в пользовательском интерфейсе в угловых 6 и vmware-ясности - PullRequest
Новая
       17

Как я могу показать сообщение об ошибке в пользовательском интерфейсе в угловых 6 и vmware-ясности

0 голосов
/ 15 октября 2018

Привет, я новичок в angular и Clarity. Как я могу показать сообщения об ошибках, http-ошибки и другие ошибки в пользовательском интерфейсе, используя angular 6 и Clarity.ниже приведен небольшой фрагмент кода из одного из моих компонентов, где вы можете увидеть (err: any) => console.log (err). Я хочу показать сообщение об ошибке в пользовательском интерфейсе, используя предупреждение Clarity Standard и предупреждение уровня приложения вместо утешительногоЭто.Пожалуйста, дайте мне знать, как мне этого добиться. Заранее спасибо. 

ngOnInit() {
 this.dataStorageService.getLocations()
  .subscribe(res => {
   for (let i = 0; i < res.Locations.length; i++) {
    const quoteReplaceData = res.Locations[i].replace(/'/g, '"');
     this.locationList.push(JSON.parse(quoteReplaceData));
   }
  }, (err: any) => console.log(err),
 () => console.log('All done getting incidents'));

1 Ответ

0 голосов
/ 15 октября 2018 
//In your typescript file, define a variable
error: any;

ngOnInit() {
 this.dataStorageService.getLocations()
  .subscribe(res => {
   for (let i = 0; i < res.Locations.length; i++) {
    const quoteReplaceData = res.Locations[i].replace(/'/g, '"');
     this.locationList.push(JSON.parse(quoteReplaceData));
   }
  }, (err: any) => this.error = err,
 () => console.log('All done getting incidents'));

и по вашему мнению: 

<div class="alert alert-danger" *ngIf="error">
    <div class="alert-items">
        <div class="alert-item static">
            <div class="alert-icon-wrapper">
                <clr-icon class="alert-icon" shape="exclamation-circle"></clr-icon>
            </div>
            <span class="alert-text">
                {{error}}
            </span>
        </div>
    </div>
</div>
...