angular – Ionic 3获取资产文件的内容

发布时间：2020-12-17 17:33:21 所属栏目：安全来源：网络整理

导读：我正在构建一个应用程序来显示书籍的内容.我在这个应用程序中有3个页面：第1页.链接到章节的按钮列表; (ChaptersPage) ?第2页.链接到章节页面的按钮列表; (PagesPage) ?第3页.页面内容; (PageContentPage) 页面1和2位于选项卡内,因此当用户选择一个章节时,

我正在构建一个应用程序来显示书籍的内容.我在这个应用程序中有3个页面：

第1页.链接到章节的按钮列表; (ChaptersPage)
?第2页.链接到章节页面的按钮列表; (PagesPage)
?第3页.页面内容; (PageContentPage)

页面1和2位于选项卡内,因此当用户选择一个章节时,他会转到下一个选项卡,然后选择该章节的页面,然后获取页面内容.选项卡将如下所示：

enter image description here

所有页面和章节都在他自己的文件夹中.我的app文件夹如下所示：

src
|_ app
|_ assets
   |_ icon
   |_ images
   |_ chapters
      |_ 1
         |_page_1.txt
         |_page_2.txt
      |_ 2
         |_page_1.txt
         |_page_2.txt
      |_ 3
         |_page_1.txt
         |_page_2.txt
      |_  ...
|_ pages
|_ services
|_ ...

首先,当用户选择章节时,我需要查看章节文件夹中有多少页面,因此我可以列出正确数量的按钮.我正在尝试使用ionic native File plugin,但我没有成功.使用文件插件文档上的示例我总是得到“目录不存在”：

this.file.checkDir(this.file.applicationDirectory,'assets/chapters/2').then(_ => 
   console.log('Directory exists')
).catch(err => console.log('Directory doesnt exist'));

所以,我的问题是：如何读取章文件夹中有多少文件？之后,如何获取page.txt的内容？

解决方法

readPage() {
    this.http.request('../assets/chapters/1/page_1.txt')
          .map(res => res.text())
          .subscribe(text => {
            this.txtContent= text;
          })
          .catch(error => {
            console.err("Path not found with error:",error);
          });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!