i имеет следующее требование: список должен отображаться для всех элементов с ссылкой на редактирование и удаление. когда пользователь нажимает на редактирование, форма редактирования должна появляться с текстовыми полями и кнопкой сохранения. теперь, когда пользователь редактирует данные и нажимает кнопку сохранения, данные должны быть сохранены, и страница с листингом должна появиться снова с измененными данными. все работает нормально, но как мне перенаправить на страницу листинга снова через маршрутизацию в angularjs? ниже приведен код:
КОНТРОЛЛЕР КОНТРОЛЯ:
angular.module('productapp', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/productapp', {templateUrl: 'partials/productList.html', controller: productsCtrl}).
when('/productapp/:productId', {templateUrl: 'partials/edit.html', controller: editCtrl}).
otherwise({redirectTo: '/productapp'});
}]);
изменить форму:
<div>
<form method="POST">
<label>Add New Product:</label>
<input type="text" name="keywords" ng-model="product.name" placeholder="enter name..." value="{{product.name}}">
<input type="text" name="desc" ng-model="product.description" placeholder="enter description..." value="{{product.description}}">
<button type="submit" ng-click="save(product.product_id,$event)" >Save</button>
</form>
</div>
как перенаправить на ту же страницу листинга?
Вам нужно ввести службу $location в ваш контроллер editCtrl.
Затем в вашей функции сохранения добавьте следующее для перенаправления (обратите внимание, что путь соответствует вашему маршруту).
$scope.save = function (...) {
// ...
$location.path('/productapp');
}
Это видео Youtube также может помочь вам.