Доброго времени суток! Я новичок в этом деле, так что сильно не пинайте. Я вывожу данные из json файла в таблицу, заполняю ее естественно динамически, ок, данные вывелись, все прекрасно. Я добавил кнопку для добавления новой строки в таблицу, по клику на этой кнопке открывается небольшое окошко где пользователь выбирает и вводит данные которые потом будут новой строкой в таблице, все вводится и в консоли я вижу как все добавляется, но когда я закрываю окошко, то данные не добавляются, хотя таблица должна была обновится. Когда я делал это все на одной странице, то все было ок. Буду благодарен за помощь...
Вот код главной страницу (самое важное)
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <body ng-controller="tableBankFirmCtrl" style="margin: 10px">
<div ng-controller="selectBankFirmCtrl" style="margin: auto">
<table style="margin: auto;" class="rowGroup" ng-repeat="data in dataChangeTable">
<tr>
<td style="width: 100px; height: 40px">Фирма:</td>
<td class="tdStyleOptions" style="height: 40px">
<select ng-model="selectedFirm.firm" class="form-control" ng-change="data.flag = true"
ng-options="firm.nameFirm for firm in data.firms" ng-value="$firm">
<option selected> </option>
</select>
</td>
</tr>
<tr>
<td style="width: 100px; height: 40px">Банк:</td>
<td class="tdStyleOptions" style="height: 40px">
<select ng-model="selectedBank.bank" class="form-control" ng-click="clickWatcher(data.flag)"
ng-options="bank.nameBank for bank in data.banks" ng-value="$bank">
<option selected> </option>
</select>
</td>
</tr>
<tr>
<td style="width: 100px; height: 40px">Файл:</td>
<td class="tdStyleOptions" style="height: 40px">
<input type="file" class="filestyle" data-file="selectedFile.nameFile" style="width: 300px; margin:auto;" file-style/>
</td>
</tr>
<tr>
<td style="width: 100px; height: 40px">Курс валют:</td>
<td><input type="checkbox" ng-model="checkCurrency.currency"></td>
</tr>
</table>
</div>
<div style="text-align:center">
<br><a data-ng-click="pushRow()" class="btn btn-default" style="width: 100px; height: 30px">Ok</a>
<a onclick="window.close()" class="btn btn-default" style="width: 100px; height: 30px">Cancel</a>
</div>
</body> |
|
так я вставляю данные, в dataTable хранятся все объекты которые потом выводятся в таблицу
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
| $scope.pushRow = function () {
$scope.dataTable.push({
"flag" : true,
"firm": $scope.selectedFirm.nameFirm,
"bank": $scope.selectedBank.nameBank,
"file": $scope.selectedFile.nameFile,
"currency": $scope.checkCurrency.currency
});
console.log($scope.dataTable);
/*$window.close();*/
} |
|
На обеих страницах я использую один и тот же контроллер, данные попадают, я вижу их в консоли, но на одной страницы, а когда смотрю исходную, то там их нет.. т.е. вывод $scope.dataTable на второй страницы дает правильный результат, а на исходной нет, хотя в обоих страницах я использую $scope.dataTable, в чем может быть проблема ума не приложу... Заранее благодарю за помощь.
(
суть была в том, что нельзя разделять один скоуп между двумя страницами, я сделал модальное окно и все заработало))
