Как создать представление редактирования в AngularJs

Как я могу это сделать, нажав кнопку «Изменить», чтобы открыть форму, в которой я заполняю все данные для редактирования компании, которая отображается в таблице? В запросе я показываю только 6 базовых данных, но на самом деле их больше, и я хотел бы показать их в окне и, таким образом, отредактировать их.

introducir la descripción de la imagen aquí

Я ценю сотрудничество, я очень новичок в angularJs

1
задан 26.07.2016, 17:22
2 ответа

Хороший день. Я предполагаю ты используешь routing и программируешь SPA, так что я оснуюсь на этом, чтобы давать тебе ответ.

В твоей кнопке издавать ты должен показывать, что вид менялся, например:

<button ng-click="edit(company)">Editar</button>

В твоем драйвере ты определяешь функцию edit:

$scope.edit = (company) => {
  $location.path(`editar/${company._id}`);
};

Это, что он сделает, состоит в том, чтобы менять твой path в нечто похожее: /editar/n4503nc. Он предполагается у тебя должно быть счастье унифицированный указатель ресурса mapeada в router:

$routeProvider
  ...
  .when('/empresas/editar/:id', {
      template: 'editar-empresa.html',
      controller: 'EditCompanyCtrl'
  });

EditCompanyCtrl он получит параметр id что содержит идентификацию компании, которую нужно издавать. В драйвере то, что ты должен делать, состоит в том, чтобы делать просьбу backend путь AJAX и получать данные о компании с вышеупомянутой идентификацией. Однажды полученные, только ты это добавляешь в $scope.

app.controller('EditCompanyCtrl', ($scope, $routeParams) => {
  $.get(`/api/companies/${routeParams.id}`)
    .then((company) => {
      $scope.company = company;
    });
});

Для модальной одной, нет большей тайны. Только имей модальную под властью того же драйвера.

1
ответ дан 24.11.2019, 13:46
  • 1
    Большое спасибо из-за такого превосходного объяснения, я новый в этом, но понял тебя очень хорошо! Мои маршруты не являются такими / предприятиями / изданными/:id и # 39; но уже я смотрю, как я верю в нее таким образом. Я думаю, что модальный уже я не нуждаюсь в этом, с твоим примером он бы это сделал с новой страницей. Большое спасибо!!! –  Cristian 26.07.2016, 19:06
  • 2
    Ничего дружелюбного. Приветствие. –  gugadev 26.07.2016, 19:10

если ты хочешь сделать это с модальным, я представляю себе, что ты добавляешь с модальным tambiГ©n..., потому что идея состоит в том, чтобы повторно использовать ng-model. например:

<div class"modal fade" id="modal"> <form>... <buttom type="submit" ng-show="create"></buttom> Crear</div> <buttom type="submit" ng-show="!create">Actualizar</buttom> </form></div>

в controller ты имеешь, конечно же определять переменную "верьте тебе" во что кладется в true или false, если ты создаешь или обновляешь. например:

$('form').submit(function (e) { e.preventDefault(); if (!$scope.create){ actualizar(); }else{ crear(); } }

0
ответ дан 24.11.2019, 13:46

Теги

Похожие вопросы