Xem hoạt động plunker.
Bạn chỉ cần một add và remove chức năng trong điều khiển của bạn
$scope.addGroup = function(idx, group, e) {
if (e) {
e.preventDefault();
e.stopPropagation();
}
var newGroup = angular.copy(group);
newGroup.no = $scope.groups.length + 1;
$scope.groups.splice(idx + 1, 0, newGroup);
};
$scope.removeGroup = function(idx, e) {
if (e) {
e.preventDefault();
e.stopPropagation();
}
$scope.groups.splice(idx, 1);
};
và ng-repeat
cho html của bạn:
<accordion close-others="oneAtATime">
<accordion-group heading="{{group.title}}" ng-repeat="group in groups">
<accordion-heading>
{{ group.title }} ({{group.no}})
<button class="btn btn-small" ng-click="addGroup($index, group, $event)">+</button>
<button class="btn btn-small" ng-click="removeGroup($index, $event)" ng-show="$index">-</button>
</accordion-heading>
{{group.content}}
</accordion-group>
</accordion>
Xin chào, đây là những gì tôi đang tìm kiếm. Bạn đã giải quyết được vấn đề của tôi. Cảm ơn bạn – user2801604
Cảm ơn tuyệt vời! Tôi không biết về sự kiện $ var vì vậy đây là một trợ giúp tuyệt vời! –