| 
					
				 | 
			
			
				@@ -85,18 +85,32 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   </ion-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <!-- 电影列表展示部分 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <ion-card *ngFor="let movie of filteredMovies"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <ion-card-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <ion-card-title>{{ movie.get('name') }}</ion-card-title> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </ion-card-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <ion-card-content> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <p>{{ movie.get('type') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <p>{{ movie.get('releaseDate') | date }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <p>{{ movie.get('duration') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <p>{{ movie.get('language') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <p>{{ movie.get('introduction') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <p>{{ movie.get('rating') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </ion-card-content> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </ion-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <ion-content> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <ion-searchbar [(ngModel)]="searchQuery" (ionInput)="fetchPets()"></ion-searchbar> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <ion-segment [(ngModel)]="selectedType" (ionChange)="fetchPets()"> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- <ion-segment-button *ngFor="let type of petTypes" [value]="type"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        {{ type }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </ion-segment-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- </ion-segment> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <ion-button (click)="toggleSort()">Sort by Price</ion-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <ion-list> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <ion-card *ngFor="let movie of filteredMovies"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <ion-card-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <ion-card-title>{{ movie.get('name') }}</ion-card-title> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </ion-card-header> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <ion-card-content> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p>类型:{{ movie.get('type') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p>日期:{{ movie.get('releaseDate')}}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p>时长:{{ movie.get('duration') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p>语言:{{ movie.get('language') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p>介绍:{{ movie.get('introduction') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <p>评分:{{ movie.get('rating') }}</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </ion-card-content> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- <ion-button fill="clear" routerLink="/study/pet/{{pet.id}}">详情</ion-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- <ion-button *ngIf="pet?.get('user')?.id == user?.id" fill="clear" routerLink="/study/pet/edit/{{pet.id}}">编辑</ion-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </ion-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </ion-list> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </ion-content> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </ion-content> 
			 |