我的指令使用如下:
<planner-view ng-controller="plannerController"></planner-view>
模板如下:
<div ng-repeat="day in itinerary" class="day">
<div ng-repeat="attraction in day" class "attraction">
<div ng-include="'/public/angular/templates/attraction-card.html'"></div>
</div>
</div>
plannerController
具有以下内容:
app.controller('plannerController', function($scope, $element){
$scope.itinerary = null;
$scope.itinerary = [[...], [...], [...]];
一切都在正确呈现。
现在我正在尝试添加一种行为,如果您从attraction
类元素之一拖动day
类元素并将其放在另一个元素中,它会被移动到那里。为此,我更新itinerary
数组并让双向绑定更新HTML。但这不会发生。数组会更新,但HTML不会更改。
此举的处理如下:
var deletedElement = $scope.itinerary[oldDayClass].splice(currentAttractionID,1);
$scope.itinerary[newDayClass].push(deletedElement);
数组的日志显示正在更新数组,但HTML不会更改。 这不可能吗?我哪里可能出错?