將三個選擇菜單結合在一起

首選菜單屬於系列。第二個選擇菜單屬於章節，第三個屬於頁面。當您將第一個選擇菜單「火影忍者」更改爲海賊王時，它會加載海賊王章節和最後海賊王章節。我怎樣才能做到這一點？

<select class="browser-default" ng-model="myOption" ng-options="manga.seri for manga in bilgiler1"> 
    <option value="" disabled selected>Select a Manga</option> 
    <option></option> 
</select> 
<select class="browser-default"> 
    <option value="" disabled selected>Chapter</option> 
    <option></option> 
</select> 
<select class="browser-default"> 
    <option value="" disabled selected>Page</option> 
    <option></option> 
</select> 
<img ng-repeat="" ng-src="/{{}}">

的Javascript：

.factory('MMG', function($http){ 
    var fveg= {}; 
    var url = 'http://api.mangayurdu.com/manga?callback=JSON_CALLBACK'; 
    fveg.adlar = $http.jsonp(url); 
    return fveg; 
}) 
.controller('nbgCtrl',function ($scope, MMG) { 
    MMG.adlar.success(function(loHemen) { 
     $scope.bilgiler1 = loHemen; 
    }) 
})

來源

2015-10-15 Nasuh

你可以把所有的畫的漫畫組成的數組，每個對象的漫畫保持其章，每章保持其頁數。

然後使用ng-repeat像你那樣穿過mangas，然後遍歷所選漫畫的章節，然後遍歷所選章節的頁面。

這是一個工作fiddle的概念。

來源

2015-10-15 07:40:33 idoshamun

我沒有編碼經驗的人，我只是幫助我的一些朋友爲他們的Fansub網站，所以你可以展示一些例子嗎？ – Nasuh

是的，請幾分鐘... – idoshamun

我添加了一個小提琴到我的答案 – idoshamun

你需要一些對象在控制器

selectedManga = {}; 
selectedChapter = {}

那麼您添加到您的第一個第二選擇

ng-options="manga.randomword as manga.seri for manga in bilgiler1" 
ng-model="selectedManga"; 
ng-change="selectedChapter = {}; // to reset the selected chapter if manga changes

選擇添加

ng-options="chapter.yol as chapter.klasor for chapter in selectedManga" 
ng-model="selectedChapter"

在selectedChapter你有帶有圖像的陣列，並可以在第三個選擇框中顯示它們等等

來源

2015-10-15 07:49:46

謝謝你這個作品。但不能管理代碼最後的選擇菜單。像這樣：'ng-options =「chapterx.yol for chapterx in selectedChapter」ng-model =「selectedChapter'。我如何使用圖像路徑我的意思是」yol「。 – Nasuh

將三個選擇菜單結合在一起

回答

相關問題