如何從angularjs或nodejs自動加載和顯示json文件列表？

我正在做一個任務，如我正在加載json文件數據列表框中的一個任務，它的數據顯示在文本框中的json文件從dropdown列表（它工作正常）。如何從angularjs或nodejs自動加載和顯示json文件列表？

但我的要求是：我想從一個文件夾中自動加載所有這些json文件（比如：我有一個test文件夾，它擁有所有這些JSON文件），而不是在代碼$http.get()分別加入所有這些文件手動在我的應用程序，這些文件列表應自動填充在dropdown框中，所以如果我從dropdown列表中選擇任何json文件，那麼它的數據應顯示在textarea。

請注意，如果將來在相同的test文件夾中再添加幾個json文件，那麼這些列表也應該自動填充到下拉框中。請讓我知道我該怎麼做？

樣品Plkr已創建。

來源

2016-09-29 Dhana

角是一個客戶端庫。從文件目錄獲取文件是後端功能。您可以從後端的目錄讀取文件，並將前端的文件列表作爲選擇列表中的選項發送。在前端，您只需編寫一個獲取選定文件數據的常見獲取請求。 –

@DevidasKadam，可以用node.js嗎？ – Dhana

是的，你可以在nodejs中做到這一點。 –

-1

plunker

<body ng-controller="MainCtrl"> 
    <p>Select json from drowdown: </p> 
    <select name="jsonfilenames" ng-model="selectedjson" ng-change="optionChanged()"> 

    <option ng-repeat= "file in JSONFiles track by $index" value={{file}}>test{{$index+1}}</option> 

    </select> 


    <div style="display: flex"> 
    <div class="container"> 
     <h4 for="textarea1">Selected json data:</h4> 
     <textarea id="textarea1" style="width: 100%; height: 100%;"> 
     {{textAreaData}} </textarea> 
    </div> 
</div> 
</body>

有一個NG-重複，其軌道JSONFiles陣列和更新選擇的控制選項每次陣列被更新

來源

2016-09-29 11:20:37

我已經從下拉列表中選擇了textarea框中的json數據，但是我需要它自動加載我所有的json文件列表，如果我選擇了那麼選定的json數據應該顯示在textarea框中。 – Dhana

試試這個http://plnkr.co/edit/GmbtthTWkqdGHldgmJNK?p=preview。首先它添加3個文件，然後在2秒後添加第四個文件。您可以繼續添加選項和JSON文件，並從後端獲取。 –

感謝您的回覆。是的，從明智的UI這個plnkr是完美的，剩下的是如何列出文件而不是手動給予？（可以從文件夾與節點或angularjs） – Dhana

如何從angularjs或nodejs自動加載和顯示json文件列表？

回答

相關問題