Как сделать поиск с отдельными видами в Angularjs?

Question

Как сделать поиск с отдельными видами в Angularjs?

0

Как я могу получить индексную страницу для ввода запроса, а затем вернуть результат на другой странице (просмотр) с помощью angularjs?

Все обучающие материалы, которые я прочитал в Интернете, показывают окно поиска, которое принимает запрос и мгновенно печатает результаты под ним на одной странице (или говорят "вид" на языке MVC?). Я хочу, чтобы отдельная страница просто удерживала окно поиска, позволяла пользователю вводить то, что она хочет, а затем нажимала кнопку go, которая затем возвращала результаты на отдельной странице (в которой нет окна поиска).

Mesam Abbas 28 сен. 2015, в 02:24

Источник

2

используйте общий сервис между двумя контроллерами и назначьте свой результат в сервис после выполнения поиска. Затем выполните перенаправление $location.path('/second_view');
Said Kholov 28 сен. 2015, в 00:06

Теги:

angularjs

2 ответа

0

вы используете одностраничное приложение (SPA)? вы можете сделать это несколькими способами с частичным представлением и переопределить частичный вид на странице поиска с помощью страницы результатов.

поисковая страница (частичная) hit отправить запрос для получения данных.
получать данные из службы
перенаправление на результат (частичное представление).
ты сделал.

надеюсь, это поможет вам.

niku 28 сен. 2015, в 13:33

Ещё вопросы

используйте общий сервис между двумя контроллерами и назначьте свой результат в сервис после выполнения поиска. Затем выполните перенаправление $location.path('/second_view');

Lucio · Accepted Answer · 2015-09-27T22-33-00.000Z

Вам нужно сохранить значение поля поиска где-то перед переходом на вторую страницу. Вы можете сделать это несколькими способами.

Один из способов - использовать службу для хранения значения, а затем страницу результатов может получить ее оттуда.

Обслуживание:

.service('CommonService', function(){
  this.value = '';
});

Контроллер поиска:

.controller('search', function(CommonService){
  $scope.goToResult = function(searchBoxValue){
    CommonService.value = searchBoxValue;
    // Redirect to result view
  };
});

Эта функция может быть на ng-submit формы поиска.

Контроллер результата:

.controller('result', function(CommonService){
  // Receive value of search box
  $scope.receivedValue = CommonService.value;
});

Другой способ - отправить значение по URL-адресу, например, параметры GET:

http://google.com/q?SearchBoxValue=something-i-wrote-before