0

Считайте, что у меня есть два вида, view1 и view2.

Я получаю массив из API в View1. Оттуда я пытаюсь перейти к view2 и динамически рендерить view2 столько раз, сколько есть объектов в массиве путем отслеживания по $ index. (Это то, что ожидаемое поведение)

В HTML, я иду от view1 до VIEW2 следующим образом:

View1:

<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> 

View2:

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





    } 

Ожидаемое поведение является то, что из View2, он должен быть в состоянии перейти к следующему фактору или предыдущему фактору, как я нажимаю на кнопку, но она не собирается.

Я провел целый день, пытаясь решить эту проблему, и я рисую пробел. Пожалуйста, изучите его и посмотрите, не хватает ли я чего-то.

ответ

0

Вот моя реализация JSFiddle:demo. Посмотрите, решит ли он вашу проблему.