Soy nuevo en Angular2. Tengo un archivo PHP y me gustaría obtener contenido del archivo PHP en el componente Angular. El siguiente es mi código que he escrito tomando referencias. No puedo averiguar cuál es el problema, ya que no recibo ningún error en la consola ni el resultado deseado.

Código PHP - 'getArea.php'

 <?php $link = mysql_connect('localhost', 'root', ''); mysql_select_db("mydb", $link); $data=array(); $result = mysql_query("SELECT * FROM dam_color", $link); $num_rows = mysql_num_rows($result); for ($i=0; $i<mysql_num_rows($result); $i++) { $row = mysql_fetch_assoc($result); $data['success'] = true; $data['areaname'] = $row['area_name']; } echo json_encode($data); ?>

Componente angular: contenido de php-form.component.ts

 export class PhpFormComponent { msg = "Welcome"; public data; constructor(private http:Http){ } ngOnInit(){ this.getData(); } getData(){ this.http.get('http://localhost/myapi/getArea.php') .map(res => res.json()) .map(res => { if(res.success) { this.msg="Fetched data"; } else { this.msg="Error in fetching data"; } }) .subscribe( data =>this.getdata = JSON.stringify(data), err => console.error(err), () => console.log('done') ); } }