2016-04-24 5 views
4

角度jを使用するフォルダからすべてのファイル名を一覧表示する機能はありますか。 .jsファイルを含めるには十分なものがあるから。 同じ機能がありますか?角度jsを使用するフォルダからすべてのファイル名を一覧表示する方法

+0

Directory.GetFiles(path)メソッドを使用してすべてのファイルを一覧表示し、ng-repeatでクライアントにURLを作成します。 – urvashi

+2

ディレクトリを 'angularjs'でリストすることはできません。例えば、 'nodejs'を使ってそれを行い、その結果を' angularjs'に渡してさらなる動作をさせることができます。 – sadrzadehsina

+0

もう一つのアプローチは、 '.js'ファイル名をすべて含む' .json'ファイルを作成し、jquery 'getJSON'メソッドを使ってそのjsonを読み込み、それらを' anglejs'アプリケーションに含めることです。 – sadrzadehsina

答えて

0

感謝の一覧を表示します---ビュー/ index.ejsでの私のインデックスファイル内のファイルを一覧表示するには、このような何かをしましたコメント。 require.jsを使う方が良いと思います。

1

Web環境にある場合、アプリケーションはクライアント側をブラウザに実行しているため、クライアントまたはサーバーのファイルシステムに直接アクセスすることはできません。

この場合、ファイルリストを含むjsonファイルを生成するには、php、asp.netページのような記述子が必要です。

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); 
} 
?> 

アンギュラSIDE

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

    // RESPONSE CONTAINS YOUR FILE LIST 

    }, function errorCallback(response) { 

    // ERROR CASE 

    }); 
2

私はあなたが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, 
}); 

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

私は以下のコードはindex.ejs内のファイルをあなたのための

<% for(var i=0; i < jsfiles.length; i++) { %> 
    <script src="<%= jsfiles[i] %>"></script> 
<% } %> 
関連する問題