Я пытаюсь обновить текущий документ в списке ng-repeat, чтобы каждый документ имел свою форму в ng-repeat.
Я пытаюсь заставить монго обновить документ, когда я нажимаю кнопку обновления, и, как и сейчас, он работает, но я не уверен, что это лучший способ.
Вот мой контроллер:
$scope.showPreloader = true;
$scope.subscribe('events', () => {
$scope.showPreloader = false;
});
$scope.helpers({
events: function() {
return Events.find({});
}
});
$scope.save = function() {
Events.insert($scope.newEvent);
$scope.newEvent = undefined;
console.log('saved');
};
$scope.update = function(event) {
Events.update({
_id: event._id
}, {
$set: {
name: event.name,
description: event.description,
background: event.background
}
}, function(error, data) {
if (error) {
console.log('unable to update the event: ' + error);
} else {
console.log('Done!' + data);
}
});
};
как вы можете видеть здесь, в функции $scope.update
я устанавливаю $set
все параметры, которые хочу обновить, но я ищу способ сделать это автоматически, чтобы мне не приходилось вводить каждый параметр для обновления, что-то вроде функции $scope.save
Events.insert($scope.newEvent);
.
Вот форма:
<div>
<div class="spinner" ng-show="showPreloader"></div>
<div ng-repeat="event in events | orderBy: '-createdAt'" class="wow fadeInUp col-md-6 events-grid-background" ng-style="{'background-image' : 'url({{event.background}})'}">
<div class="grid-content" ng-init="event.edit = true" ng-show="event.edit" layout="column" layout-wrap layout-align="center center">
<h2 class="blue grid-title">{{event.name}}</h2>
<p class="bold">{{event.description | limitTo: 100}}...</p>
<a ui-sref="event-detail({eventId: event._id})" class="blue-hover bold">¡Leer Más!</a>
<button class="btn btn-default btn-sm" ng-if="isAdmin" ng-click="event.edit = !event.edit"><strong>Editar</strong></button>
<button class="btn btn-default btn-sm" ng-if="isAdmin" ng-click="remove(event)"><strong>Delete</strong></button>
</div>
<!-- event edit form -->
<div ng-if="isAdmin" class="grid-content" ng-show="!event.edit">
<form name="form" novalidate>
<label class="white" for="name">Título</label>
<input id="name" name="name" type="text" class="form-control" ng-model="event.name" required>
<label class="white" for="description">Descripción</label>
<textarea id="description" name="description" type="text" class="form-control" ng-model="event.description" required></textarea>
<label class="white" for="background">Imagen</label>
<input id="background" name="background" type="text" class="form-control" ng-model="event.background" required>
<br>
<button type="submit" class="btn btn-primary btn-sm" ng-if="isAdmin" ng-click="event.edit = !event.edit; update(event)"><strong>Guardar</strong></button>
<button class="btn btn-default btn-sm" ng-if="isAdmin" ng-click="event.edit = !event.edit"><strong>Cancelar</strong></button>
</form>
</div>
</div>
</div>
Есть ли способ сделать это без необходимости устанавливать один за другим параметры?
Спасибо!