Question

我正在处理一个脚本，该脚本必须在./assets/中的.sql文件中提取SQL查询，以便使用Ionic 3在本地DB上执行那些查询。我的想法是我想打开该文件，将每一行分别存储在一个数组中，然后使用自制的executeSqlQuery（）函数在该数组上循环。

到目前为止，我认为我可以通过httpClient模块来打开文件，但是没有更多...我一直在查看File模块（本机），但是即使使用很多文档和测试。

这是我的工作，我不知道如何从打开'./assets/queries.sql'到executeSqlQuery（queries [i]）：

query.sql的摘录：

INSERT INTO `attaquesinf` VALUES ('bandaltchagui','circulaire','Bandal Tchagui','Bandal Chagi','Coup de pied circulaire niveau moyen.',NULL,NULL,NULL);
INSERT INTO `attaquesinf` VALUES ('dolyotchagui','circulaire','Dolyo Tchagui','Doleo Chagi','Coup de pied circulaire niveau haut.',NULL,NULL,NULL);
INSERT INTO `attaquesinf` VALUES ('biteurotchagui','crochet','Biteuro Tchagui','Biteureo Chagi','Coup de pied de l''intérieur vers l''extérieur dans un mouvement de torsion, avec le bol du pied.',NULL,NULL,NULL);
INSERT INTO `attaquesinf` VALUES ('nakkattchagui','crochet','Nakkat Tchagui','Nakka Chagi','Coup de pied crochet, frappe avec le talon.',NULL,NULL,NULL);

ExPage.ts的摘录：

import { Observable } from 'rxjs/Observable';
import { HttpClient } from '@angular/common/http';

...

export class ExPage {
    infsql: Observable<any>;

    constructor(public httpClient: HttpClient) {
        this.infsql = this.httpClient.get('./asset/queries.sql')
        this.infsql
            .subscribe(data => {
                console.log('my data: ', data);
            // ====> How can I use data ??
            // ====> How can I loop through the content and executeSqlQuery(each line) ?
            },
            error => {
            console.log("Error reading config file " + error.message + ", " + error.code);
            });
      }
  };
...

预先感谢您的帮助！

Answer 1

经过......几个小时的测试，我设法找到了解决方案。我终于选择了Http.get方法来完成工作。

在ExPages.ts中：

import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
...

export class ExPage {

    requests: Array<{string}>;     //the final array that will contain each line of .sql file
    testtext: string;              //a variable we'll use to test the content of the request
    ...


    constructor(public http: Http) {

        this.http.get('../assets/queries.sql')               //gets the file
                 .map(res => res.text())                      //maps it as text
                 .subscribe(data => {                         //saves the data in our array
                     this.requests = data.split('\n');
                     this.testtext = this.requests[20];
                 })
    }
}

在ExPages.html中：

<p>20th SQL query : {{ testtext }}</p>

当我们的assets/queries.sql数组的索引从request开始时，将显示我的0文件的第21行。

感谢您的帮助@millimoose：）

离子3：逐行读取文件，然后循环返回

1 个答案: