Иметь таблицу с редактируемыми ячейками, в которую можно добавить цену и налоги и, наконец, сохранить.Я использую раскрывающийся список множественного выбора для выбора налога, который может быть кратным для элемента.
<tbody>
<tr role="row" ng-repeat="c in productData track by $index">
<td><input type="checkbox" ng-model="c.addToLocation" ng-click="toggleSelection(c);" name="group"></td>
<td class="center">{{$index+1}}</td>
<td>
<img width="40" height="40" data-ng-src="{{c.imageUrl}}" alt="" ng-if="c.imageUrl.length>1">
</td>
<td>
<h5>{{c.productName}}</h5>
</td>
<td>
<input class="form-control" ng-show="editCell==true && $index==editIndex && c.addToLocation==true" type="number" ng-model="c.price">
<h5 ng-show="editCell==false || $index!=editIndex || c.addToLocation==false">{{c.price}}</h5>
</td>
<td>
<multiselect header="{{multiHeader.itemTaxHeader}}" multiple="true" ng-show="editCell==true && $index==editIndex && c.addToLocation==true" ng-model="c.taxList" options="tax.name + ' (' + tax.percentage + '%)' for tax in taxList" ng-change="taxSelected(c)"></multiselect>
<div ng-show="editCell==false || $index!=editIndex || c.addToLocation==false"><h5 ng-repeat="d in c.taxList">{{d.name}},</h5></div>
</td>
<td>
<button title="Add Item" ng-show="c.addToLocation" ng-click="makeEditable($index,c)" class="btn btn-round btn-info">
<i class="glyph-icon icon-edit"></i>
</button>
</td>
Теперь, когда я выбираю налог в множественном выборе, он работает правильно, и я делаю следующее вКонтроллер для получения счета и отображения
$scope.$watch('selItemTaxes', function () {
if ($scope.selItemTaxes.length > 0)
$scope.multiHeader.itemTaxHeader = $scope.selItemTaxes.length + ' Taxes Selected';
else
$scope.multiHeader.itemTaxHeader = 'Nothing Selected';
});
Когда я отлаживаю в консоли, все в порядке, но в разметке он не показывает обновленное количество выбранных налогов, а предыдущее изменение.Использовали тайм-аут, но все еще не показывает.Кто-нибудь может подсказать, где я ошибаюсь?