У меня есть 2 частичных файла со многими ng-моделями в каждом из них.
partial1.html
<input ng-model="A" /> //user enters a
<input ng-model="B" /> //user enters b
<input ng-model="C" /> //user enters c
<button ng-click="SavePartialOne()> Save and go to partial 2 </button>
partial2.html
<input ng-model="P" /> //user enters p
<input ng-model="Q" /> //user enters q
<input ng-model="R" /> //user enters r
<button ng-click="SavePartialTwo()> Save and go to partial 3 which is by now populated from all the data filled in partial1 and 2 </button>
partial3.html
<input ng-model="X" /> //angular binds this to auto-populate data from A input box
<input ng-model="Y" /> //auto-populate data from A and P input box
<input ng-model="Z" /> //auto-populate slightly modified data from A input box ilke a is changed to a+1
То, что мне нужно сделать, упоминается как комментарий во всех частях. Помогите мне с app.js здесь, то есть как я получу доступ и верну эти данные?
Прежде всего, измените всю ng-model
которая будет доступна в вашем объекте, например:
<input ng-model="dataModel.A" />
<input ng-model="dataModel.B" />
<input ng-model="dataModel.C" />
<button ng-click="SavePartialOne()> Save and go to partial 2 </button>
<input ng-model="dataModel.P" />
И так далее, чтобы мы могли легко прочитать и упорядочить значение этих данных в методе SavePartialTwo
выполните следующие действия:
$scope.dataModel = {};
$scope.SavePartialTwo = function() {
$scope.dataModel.X = $scope.dataModel.A;
$scope.dataModel.Y = $scope.dataModel.A + ' ' + $scope.dataModel.P;
$scope.dataModel.Z = $scope.dataModel.Z + 1;
// Then display your 3rd partial
};