Question

我正在创建一个应用程序，以使用Angular CLI从HTML文件中获取所有元素详细信息。我使用PHP来获取文件内容，但我收到错误：

./bodycontent/load.php file not found... zone.js:2933.

我们如何解决这个问题？

  +-- src //folder
  |  |  
  +  | +-- app //folder
      | +-- >bodycontent//folder
             +-- bodycontent.component.spec.ts
             +-- bodycontent.component.ts
             +-- load.php

脚本：

  import { Component, OnInit } from '@angular/core';
  import { Router } from '@angular/router';
  import * as jQuery from 'jquery';  
  import { Http, Response } from '@angular/http'; 
  @Component({
  selector: 'app-bodycontent',
  templateUrl: './bodycontent.component.html',
  styleUrls: ['./bodycontent.component.css']
  }) 
  export class BodycontentComponent implements OnInit { 
    public href: string = "";
    url: string = "asdf";

    constructor(private router : Router) {}

    ngOnInit() {


        this.href = this.router.url;
        console.log(this.router.url);

         let url = "https://www.testing.com/test.html"; 

         let arr= null;
         $.post(this.router.url+"/load.php", { url: url,async: false},
            function(html) {

                $('#page').html(html); alert(html)
                let links = $('a');
                let title = $('a').attr('title');  

                let arr=[];
                for(let i=0; i < links.length; i++)
                {
                    arr.push(links[i]); 
                }
                 alert(arr);  
        }  );

}

Answer 1

将文件添加到.angular-cli.json资产或assets文件夹中。

"assets": [
   "favicon.ico"
  ]

Answer 2

要使PHP文件起作用，它需要在PHP解释器中。 Angular CLI没有它，它只是一个静态文件服务器。

可能的解决方案是使用角度CLI构建角度项目，并将构建输出和PHP文件移动到支持PHP的服务器。我猜你可以从WAMP开始。

如何在Angular CLI中添加外部文件？

2 个答案: