在Angular 4.x中，要实现返回上一页并保留上一次的搜索记录，你需要将搜索条件存储在服务（Service）或者本地存储（localStorage/sessionStorage）中。以下是一个基于服务的基本示例：

1. 首先创建一个服务，例如：SearchHistoryService:

```typescript import { Injectable } from '@angular/core';

@Injectable() export class SearchHistoryService { private searchHistory: any = {};

saveSearchHistory(key: string, value: any) { this.searchHistory[key] = value; }

getSearchHistory(key: string) { return this.searchHistory[key]; } } ```

1. 在进行搜索操作的组件中注入此服务，并在搜索时保存搜索记录：

```typescript import { Component } from '@angular/core'; import { SearchHistoryService } from './search-history.service';

@Component({ selector: 'app-search', templateUrl: './search.component.html', styleUrls: ['./search.component.css'] }) export class SearchComponent { constructor(private searchHistoryService: SearchHistoryService) {}

onSearch(searchTerm: string) { // 进行搜索操作... this.searchHistoryService.saveSearchHistory('lastSearch', searchTerm); } } ```

1. 在返回的组件中获取上次的搜索记录：

```typescript import { Component, OnInit } from '@angular/core'; import { SearchHistoryService } from './search-history.service';

@Component({ selector: 'app-back', templateUrl: './back.component.html', styleUrls: ['./back.component.css'] }) export class BackComponent implements OnInit { lastSearchTerm: string;

constructor(private searchHistoryService: SearchHistoryService) {}

ngOnInit() { this.lastSearchTerm = this.searchHistoryService.getSearchHistory('lastSearch'); } } ```

这样，当你从搜索页返回到上一页时，就可以通过SearchHistoryService获取到上一次的搜索记录。

如果你的应用需要在页面刷新后仍能保留搜索记录，可以使用浏览器的localStorage或sessionStorage来代替服务：

```typescript // 保存搜索记录 localStorage.setItem('lastSearch', JSON.stringify(searchTerm));

// 获取搜索记录 this.lastSearchTerm = JSON.parse(localStorage.getItem('lastSearch') || ''); ```