tiktok นับยอดวิวยังไง

ตัวอย่าง 404 page ใน Angular คือหน้าเว็บที่แสดงเมื่อผู้ใช้พยายามเข้าถึงหน้าเว็บที่ไม่มีอยู่จริง หน้าเว็บนี้ควรแสดงข้อความแจ้งให้ผู้ใช้ทราบว่าหน้าเว็บไม่พบ

ตัวอย่าง 404 page ใน Angular สามารถทำได้โดยใช้คอมโพเนนต์ NotFoundComponent จากโมดูล @angular/router ตัวอย่างเช่น

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-not-found',
  templateUrl: './not-found.component.html',
  styleUrls: ['./not-found.component.css']
})
export class NotFoundComponent implements OnInit {

  constructor(private router: Router) {}

  ngOnInit() {
  }

}

<h1>404 Page Not Found</h1>

<p>The page you are looking for does not exist.</p>

<a href="/">Return to Home</a>

ในตัวอย่างนี้ เมื่อผู้ใช้พยายามเข้าถึงหน้าเว็บที่ไม่มีอยู่จริง ระบบจะแสดงหน้าเว็บ NotFoundComponent แทน

หน้าเว็บ NotFoundComponent นี้แสดงข้อความแจ้งให้ผู้ใช้ทราบว่าหน้าเว็บไม่พบ และลิงก์เพื่อกลับไปที่หน้าหลัก

ตัวอย่างการทดสอบ 404 page ใน Angular มีดังนี้

$ ng serve

เปิดเบราว์เซอร์ไปที่ http://localhost:4200/not-found

เบราว์เซอร์จะแสดงหน้าเว็บ NotFoundComponent

นอกจากนี้ ยังสามารถกำหนดค่าเพิ่มเติมให้กับหน้า 404 page ได้ เช่น การกำหนดค่าข้อความแจ้งหรือลิงก์เพิ่มเติม เป็นต้น