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,它應該能夠轉到下一個因子或以前的因素,因爲我按一下按鈕,但它不會。
我花了整整一天的時間試圖解決這個問題,我畫了一個空白。請仔細檢查一下,看看我是否錯過了一些東西。