如何使用angular js列出文件夾中的所有文件名

Question

是否有任何函數可以使用angular js列出文件夾中的所有文件名。 因為我有很多if .js文件要包括在內。 那么有相同的功能嗎？

Answer 1

我想你可以在nodejs中做到這一點。 我的要求是將文件列為index.html中APP的來源。 請看看這是否有用。

//// THIS WORKS FOR ME 
///// in app.js or server.js

var app = express();

app.use("/", express.static(__dirname));
var fs = require("fs"),

function getFiles (dir, files_){
    files_ = files_ || [];
    var files = fs.readdirSync(dir);
    for (var i in files){
        var name = dir + '/' + files[i];
        if (fs.statSync(name).isDirectory()){
            getFiles(name, files_);
        } else {
            files_.push(name);
        }
    }
    return files_;
}
//// send the files in js folder as variable/array 
ejs = require('ejs');

res.render('index', {
    'something':'something'...........
    jsfiles: jsfiles,
});

///--------------------------------------------------

我做了類似這樣的事情來列出我的索引文件中的文件在views / index.ejs ---下面的代碼將列出index.ejs中的文件

<% for(var i=0; i < jsfiles.length; i++) { %>
   <script src="<%= jsfiles[i] %>"></script>
<% } %>

Answer 2

如果您在Web環境中，您的應用程序正在客戶端運行到瀏覽器，那么您無法直接訪問客戶端或服務器文件系統。

在這種情況下，您需要一個描述符，如php，asp.net頁面，用於生成包含文件列表的json文件。

PHP SIDE：

<?php
$dir = "FOLDER NAME HERE";
$return_array = array();
if(is_dir($dir)){
    if($dh = opendir($dir)){
        while(($file = readdir($dh)) != false){
            if($file == "." or $file == ".."){
            } else {
                $return_array[] = $file;
            }
        }
    }
    echo json_encode($return_array);
}
?>

角鯊側

$http({
  method: 'GET',
  url: 'YOUR PHP PAGE URL HERE'
}).then(function successCallback(response) {

    // RESPONSE CONTAINS YOUR FILE LIST

  }, function errorCallback(response) {

    // ERROR CASE

  });

Answer 3

感謝您的意見。 我認為最好使用require.js。