如何使用nativescript + angular

Question

也许我是错的（最近几天我一直在寻找解决方案），但是我找不到主题中所述问题的答案。我现在有一个用于nativescript和angular的简单模板应用程序，我想这样做，就像给定文件夹中所有图像的网格视图一样（我知道我可以像对每个图像执行img src =“ mypathtofile”一样） ，但这似乎不专业，如果我将收到越来越多的此类图片怎么办？我认为最好的方法是：

1. 只需获取文件夹（目录）中的所有文件名
2. 将它们放入数组，然后使用字符串插值和ngFor

我知道如何接近第2点，但我在第1点处遇到困难。经过长时间的搜索，我在该站点https://docs.nativescript.org/ns-framework-modules/file-system上找到了一个解决方案（我是这样认为的）。 但这似乎对我不起作用（即使将其更改为与打字稿兼容）。

import { Component, OnInit } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <ActionBar title="My App" class="action-bar"></ActionBar>
    <!-- Your UI components go here -->
  `
})
export class AppComponent implements OnInit{

  path = "/app/images";
  listOfFileNames: {name: string, path: string, lastModified: string} 
   []= [];
  fileSystemModule = require("tns-core-modules/file-system");
  documents;

  ngOnInit(): void {
    this.documents = this.fileSystemModule.knownFolders.documents();
    this.documents.getEntities(this.path)
      .then((entities) => {
       // entities is array with the document's files and folders.
          entities.forEach((entity) => {
              this.listOfFileNames.push(
              {
                  name: entity.name,
                  path: entity.path,
                  lastModified: entity.lastModified.toString()
              }
              );
          });
          console.log(this.listOfFileNames[0]);
          //log value
      }).catch((err) => {
          // Failed to obtain folder's contents.
          console.log(err.stack);
      });
  }
}

我的目录-我正在尝试在名为“ images”的文件夹中获取图像

谢谢您的帮助