下一步點擊圖片庫設置

我有三個選擇菜單，它們根據來自我的控制器的JSON數據相互綁定。下一步點擊圖片庫設置

<select class="browser-default" ng-model="selManga" ng-options="manga.seri for manga in mangas"> 
    <option value="" disabled selected>Select a Manga</option> 
    <option></option> 
</select> 
<select class="browser-default" ng-model="selChapter" ng-options="chapter.klasor for chapter in selManga.randomword"> 
    <option value="" disabled selected>Chapter</option> 
    <option></option> 
</select> 
<select class="browser-default" ng-model="selPage"> 
    <option value="" disabled selected>Page</option> 
    <option ng-repeat="page in selChapter.yol" value="{{page}}">{{$index+1}}</option> 
</select> 

<a><img ng-src="/{{selPage}}"></a>

的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, $stateParams) { 

    MMG.adlar.success(function(loHemen) { 
    $scope.mangas = loHemen; 
});

現在我想的是，當你點擊它加載下一個圖像等的開放形象。如果可能的話，當你點擊第788章的最後一幅圖時，它必須加載第789章。我怎麼能做到這一點？

這裏是我的jsfiddle：https://jsfiddle.net/Nasuh/zn85oonk/5/

來源

2015-10-16 Nasuh

見fiddle

<select class="browser-default" ng-model="selManga" ng-options="manga.title for manga in mangas"> 
    <option value="">Select a Manga</option> 
</select> 
<select ng-show="selManga" class="browser-default" ng-model="selChapter" ng-options="+idx as chapter.title for (idx, chapter) in selManga.chapters"> 
    <option value="">Chapter</option> 
</select> 
<select ng-show="selManga.chapters[selChapter].pages" class="browser-default" ng-model="selPage" ng-options="+idx as (+idx + 1) for (idx, page) in selManga.chapters[selChapter].pages"> 
    <option value="">Page</option> 
</select> 
<img ng-src="{{selManga.chapters[selChapter].pages[selPage]}}" ng-click="next(selManga, selChapter, selPage)">

更改爲你做什麼：

即將移除空3210
刪除disabled selected。如果你想選擇一個值，設置綁定到ng-model
變量移動的控制下綁定到selPage
選擇章節和頁面索引而不是URL的
新增ng-click圖像元素和next(manga, chapter, page) function
刪除兩個觀察者

來源

2015-10-16 00:25:00

謝謝，但我要求點擊這些圖像。當點擊當前一個時，它必須加載下一個。你能以這種方式更新嗎？ – Nasuh

我真的很感謝你負擔得起的人。但漫畫圖片必須可點擊，讀者需要這樣。你可以在''標籤內加入''標籤嗎？ – Nasuh

Ahem。漫畫圖片可點擊。如果你的意思是他們沒有指針指針，那麼這是一個樣式問題：[小提琴]（https://jsfiddle.net/zn85oonk/10/）。這是擺脫問題範圍的方式。 –

下一步點擊圖片庫設置

回答

相關問題