Не могу прочитать URL как данные JSON

Question

У меня есть эти данные JSON, и я получаю их вывод в html-файл, используя angular. Я использую сервис для получения данных JSON и компонент для создания шаблона. После использования шаблона я получаю только значение идентификатора и имя, но не значение URL.

JSON:

{
 "A":1,
 "B":[
  {
   "id":1, 
   "name":"One", 
   "url":"http://myapp/rootpath/first"
  },
  {
   "id":2, 
   "name":"two", 
   "url":"http://myapp/rootpath/second"
  }
 ]
}

Я беру данные JSON в переменную postArray в компоненте и передаю их в файл html.

search.service.ts:

import { Injectable } from '@angular/core';
import {Http,Response} from "@angular/http";
import { Observable } from "rxjs";
import "rxjs/Rx";
import {JsoncallItem} from "./jsoncall-item";

@Injectable({
  providedIn: 'root'
})
export class ApiService {

  private postsURL ="http://myapp/items";

  constructor(private http: Http ) {}
 getPosts(): Observable<JsoncallItem[]>{
    return this.http
     .get(this.postsURL)
     .map((response: Response)=> {
       return <JsoncallItem[]>response.json();
     })
     .catch(this.handleError);
 }

 private handleError(error: Response) {
   return Observable.throw(error.statusText);
 }
}

search.component.ts

import { Component, OnInit } from '@angular/core';
import { ApiService } from "./../search.service";
import { JsoncallItem } from "./../jsoncall-item";
import { error } from 'util';
import { SearchtermPipe } from './../searchterm.pipe';

@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.css']
})
export class SearchComponent implements OnInit {

    title = 'app';

    _postsArray: JsoncallItem[];

  constructor(private apiSerivce: ApiService){}

  getPosts(): void {
    this.apiSerivce.getPosts().
    subscribe(
       resultArray => this._postsArray = resultArray
       )
       //error => console.log("Error :: " + error ))
  }
  ngOnInit(): void{
    this.getPosts();
  }
}

search.component.html:

<div class="container">
    <ul>
        <li *ngFor="let post of _postsArray | searchterm: value">
            <a href="" id="allitem">{{post.id}}, {{post.name}}, {{post.url}}</a>
            <hr>
        </li>

    </ul>
</div>

В выходных данных отображается идентификатор и имя каждой информации, но не отображается URL-адрес. Что здесь может быть не так?