0

請考慮我有兩個視圖view1和view2。

我從View1中的API獲取數組。從那裏開始,我試圖去view2並動態地渲染view2,其次數是由$ index跟蹤數組中的對象。 (這是什麼是預期的行爲)

HTML,我從廠景將在以下方式視圖2:

視圖1:

<div ng-repeat="factor in vm.testDetails.factor track by $index"> 
      <button ui-sref="app.factor_stans({factorName: factor.name, factorId: factor._id })" class="factorNamePress" > {{factor.name}} </button> 
    </div> 

視圖2:

<div ng-click="vm.goToPrevDim()">Go to previous dimension</div> 

<div ng-click="vm.goToNextDim()">Go to next dimension</div> 


<label for="low_stan">Number of stens in low</label> 
<input type="number" name="low_stan" ng-model="vm.low_stan"> 
</div> 

<button ng-click="vm.fillStans()"> Submit Query</button> 

<h1>Low Stan Fills</h1> 
<div ng-include="vm.stanFills.lowStanFills"> 
<!--This contains some input felds that I want to attach with this given url --> 
</div> 

我只會發布控制器的相關部分:

vm.fillStans  = fillStans; 
vm.goToPrevDim = goToPrevDim; 
vm.goToNextDim = goToNextDim; 

function selectedItemChange(item) { 
      console.log("This is the item that I am gonna send to the backend"); 
      console.log(JSON.stringify(item)); 
      AdminService.getDetailsOfOneTest(item.value).then(function (response) { 
      console.log("This is the details of the test"); 
      vm.testDetails = response.data; 

      vm.finalObj = vm.testDetails.factor[vm.dimensionIndex.index] 
      console.log(vm.testDetails); 
      console.log("End of details of test"); 
      goToNextDim(); 
      goToPrevDim(); 
      // $location.path('app.factor_stans'); 




      }) 

     } 





function goToNextDim() { 





     vm.dimensionIndex.index = vm.dimensionIndex.index + 1; 
    vm.finalObj = vm.testDetails .factor[vm.dimensionIndex.index]; 
    console.log(vm.finalObj); 

    } 



    function goToPrevDim() { 




    vm.dimensionIndex.index = vm.dimensionIndex.index - 1; 
    vm.finalObj = vm.testDetails .factor[vm.dimensionIndex.index]; 
    console.log(vm.finalObj); 





    } 

預期的行爲是與視圖2,它應該能夠轉到下一個因子或以前的因素,因爲我按一下按鈕,但它不會。

我花了整整一天的時間試圖解決這個問題,我畫了一個空白。請仔細檢查一下,看看我是否錯過了一些東西。

回答

0

這是我的實施 JSFiddle:demo。看看它是否能解決你的問題。